setDate in jQuery UI DatePicker

setDate in jQuery UI DatePicker

本文关键字：DatePicker UI jQuery in setDate      更新时间：2023-09-26

当我将setDate与dateFormat : 'yy-mm'一起使用时，jQuery UI DatePicker 显示今天的日期，而不是 setDate 中指定的日期。

示例：http://jsfiddle.net/DBpJe/7981/（编辑自 https://stackoverflow.com/a/2209104/5568549）


但是有了dateFormat : 'yy-mm-dd'它会显示 setDate 中指定的日期。示例：http://jsfiddle.net/DBpJe/7982/

如何使jQuery UI DatePicker显示setDate中指定的日期与dateFormat : 'yy-mm'？

从 jQuery UI 日期选择器中找到了一个解决方案，以仅显示月份年份
dateFormat : 'yy-mm'的工作示例：http://jsfiddle.net/DBpJe/8057/

beforeShow : function(input, inst) {
 if ((datestr = $(this).val()).length > 0) {
  year = datestr.substring(0, 4);
  month = datestr.substring(datestr.length-2, datestr.length);
  $(this).datepicker('option', 'defaultDate', new Date(year, month-1, 1));
  $(this).datepicker('setDate', new Date(year, month-1, 1));
 }
}

找到一篇文章来解决这个问题： http://www.jquerybyexample.net/2012/06/show-only-month-and-year-in-jquery-ui.html

工作示例：http://jsfiddle.net/Twisty/xwnoafxd/

基本上，您只需要添加defaultDate设置即可。其中一个面掌的东西。

$(function() {
  var myDate = new Date(2000, 6, 1);
  $('.date-picker').datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: 'yy-mm',
    defaultDate: myDate,
    onClose: function(dateText, inst) {
      function isDonePressed() {
        return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1);
      }
      if (isDonePressed()) {
        var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
        var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
        $(this).datepicker('setDate', new Date(year, month, 1));
        console.log('Done is pressed')
      }
    }
  }).datepicker("setDate", myDate);
});
相关文章：