【问题标题】:How to break date values in Jquery UI date picker?如何打破 Jquery UI 日期选择器中的日期值?
【发布时间】:2011-07-07 20:31:28
【问题描述】:

我有一些事情要做,但对我来说有点复杂。我需要你们的帮助。 事情是这样的,我在第一个输入字段上设置了 Jquery UI 日期选择器,ID 为日期,但是我得到的日期值 - > 03/02/2011 应该在三个特定格式的输入字段上解析?见下面的代码:

<label>Enter Day of Arrival (in the format DD) 
<input type="text" name="$DAY$" id="day" size="6" maxlength="6" /> 

<label>Enter Month of Arrival (in the format MM) 
<input type="text" name="$MONTH$" id="month" size="6" maxlength="6" /> 

<label>Enter Year of Arrival (in the format YYYY) 
<input type="text" name="$YEAR$" id="year" size="6" maxlength="6" />> 

【问题讨论】:

    标签: jquery parsing jquery-ui date datepicker


    【解决方案1】:

    我在 fiddle 上编写了一个示例。代码如下

    <input type='text' id='full' name='fulldate'>
    <!-- Your other HTML fields listed above -->
    
    $('#full').datepicker({
        onSelect: function(dateText, inst) {
            var pieces = dateText.split('/');
            $('#day').val(pieces[0]);
            $('#month').val(pieces[1]);
            $('#year').val(pieces[2]);
        }
    })
    

    示例:http://jsfiddle.net/jomanlk/7NgpQ/

    【讨论】:

    • 谢谢 JohnP!伟大的!有什么方法可以像你一样做到这一点,但不显示日、月、年的字段吗?为了向用户隐藏它,但这些值可以像他们应该的那样在后面工作。我希望这个问题不会令人困惑。
    • 是的,你可以这样做。而不是type='text',只需将其设置为type='hidden',它就会从视图中消失。如果它解决了您的问题,请将此答案标记为已接受
    • 抱歉,第一次入栈。如何将答案标记为已接受...谢谢这个 def 解决了我的问题!我还有一个问题,如果不是太多?在使用相同日期选择器时遇到 z-index 和 Internet Explorer 行为问题。如果您愿意看一下link,如果不是 thx,那么您对我有很大帮助。
    • 没问题,只需点击上下箭头下方的绿色复选标记即可。您可以根据答案是否有用,使用箭头向上或向下投票。请参阅常见问题解答:stackoverflow.com/faq。至于您的问题,请将.ui-datepicker {z-index:1000!important} 放入您的 CSS 中,它应该可以为您解决问题。
    • CSS 中的代码应该适用于所有内容。您最好发布一个包含示例和代码的新问题。
    猜你喜欢
    • 2011-04-19
    • 1970-01-01
    • 2018-01-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多