jQuery Datepicker显示当前日期

时间:2014-11-27 09:55:21

标签: javascript jquery datepicker

Datepicker脚本:

$(function(){ 

         $( "#task_start_date").datepicker({
         dateFormat: 'dd-M-yy',
         showOn: 'button',
         buttonImage :image_us,
         buttonImageOnly: true
        });

HTML输入:

<input type="text" class="form-control validate[required,custom[date]]" name="task_start_date" id="task_start_date" />

点击日历图标后,dateFormat: 'dd-M-yy',输出27-Nov-2014并显示当前突出显示的日期,

dateFormat: 'dd-M-y',输出01-MAR-12并将01-MAR-12显示为突出显示而非当前。

我正在使用jQuery Validation Engine来验证日期格式。以下小提琴工作正常但不符合预期的日期格式。

JS小提琴:Fiddle

感谢。

1 个答案:

答案 0 :(得分:0)

我看到了你的JS小提琴。 我认为,RegExp结果是错误的。

我试图更改你的RegExp。

new RegExp(/([12]\d|0[1-9]|3[0-1])-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(\d{4})/);

更改为

new RegExp(/([12]\d|0[1-9]|3[0-1])-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(\d{2,4})/);

并改变

var isOk = (d.getFullYear() == year && d.getMonth() == months.indexOf(month) && d.getDate() == day);

var isOk = (d.getYear() == (year).slice(-2) && d.getMonth() == months.indexOf(month) && d.getDate() == day);

完整代码。第二个改变版本。

$( "#task_start_date").datepicker({
    monthNamesShort: ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"],
    dateFormat: 'dd-M-y',
    defaultDate: '18-Nov-14',
    onClose: function (date) {
        var pattern = new RegExp(/([12]\d|0[1-9]|3[0-1])-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(\d{2,4})/);
        var match = pattern.exec(date);
        if (match == null)
             return false;

        var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
        var year = match[3];
        var month = match[2];
        var day = match[1];

        var d = new Date(year, months.indexOf(month), day);
        var isOk = (d.getYear() == (year).slice(-2) && d.getMonth() == months.indexOf(month) && d.getDate() == day);
                alert(isOk);    }
});
$("#task_start_date").datepicker( "setDate", new Date());