datePicker.calendarsPicker問題與Chrome版本56.0.2924.87

Question

由於jQuery的日期選擇器（使用$datePicker.calendarsPicker）與MM/dd/yyyy格式
（）

與Chrome版本56.0.2924.87的問題，它不填充日期。我添加了"yyyy-MM-dd"格式正在工作。

現在我遇到的問題是，如果我在我的視圖上使用"yyyy-MM-dd"，那麼出於某種原因，日期選擇器將與2022年8月的記錄一起提供。我不知道如何以及爲什麼？在控制檯中，我可以看到最小和最大日期的預期結果，但不知何故，UI會提供不同的數據。

這是關於$datePicker.calendarsPicker還是別的什麼？這裏使用了jQuery 1.8.7。

查看：

@Html.LabelFor(schedule => schedule.DateString, "Date", new { @for = "requested-fulfillment-date" }) 
@Html.TextBoxFor(schedule => schedule.DateString, new { id="requested-fulfillment-date", type = "date", @class = "date-picker", min = Model.MinOrderDate.ToString("yyyy-MM-dd"), max = Model.MaxOrderDate.ToString("yyyy-MM-dd"), @readonly="readonly" }) 

控制檯結果：

<label for="requested-fulfillment-date">Date</label> 
<input class="date-picker hasCalendarsPicker" id="requested-fulfillment-date" max="2017-03-12" min="2017-02-10" name="ScheduleModel.DateString" readonly="readonly" type="text" value="2017-02-10"> 

UI結果：

我嘗試以下方法，但他們沒有工作：

方法1：

this.setDatePickerWidget = function(event, data) { 
    var $datePicker = $("#requested-fulfillment-date", data.element); 
    var min = $datePicker.attr("min"); 
    var max = $datePicker.attr("max"); 
    var date = $datePicker.val(); 

    $datePicker.calendarsPicker({ 
      showTrigger: '.trigger', 
      showAnim: 'fadeIn', 
      minDate: min, 
      maxDate: max, 
      defaultDate: date, 
      **dateFormat: 'yyyy-MM-dd',** 
      onSelect: function() { 
       $.publish('order_date_changed', { date: $("#requested-fulfillment-date").val() }); 
       $("#checkout").prop('disabled', true); 
      } 
     }).prop('type', 'text'); 
    }; 

阿布羅奇-2：

this.setDatePickerWidget = function(event, data) { 
    var $datePicker = $("#requested-fulfillment-date", data.element); 
    var min = $datePicker.attr("min"); 
    var max = $datePicker.attr("max"); 
    var date = $datePicker.val(); 

    $datePicker.calendarsPicker({ 
      showTrigger: '.trigger', 
      showAnim: 'fadeIn', 
      minDate: min, 
      maxDate: max, 
      defaultDate: date, 
      onSelect: function() { 
       $.publish('order_date_changed', { date: $("#requested-fulfillment-date").datepicker({ dateFormat: 'yyyy-MM-dd'}).val() }); 
       $("#checkout").prop('disabled', true); 
      } 
     }).prop('type', 'text'); 
    }; 

注： 如果我改變我的查看以下日期選取器開始工作。唯一的問題是，當我選擇不同的日期時，它顯示爲MM/dd/yyyy格式，但在一兩秒鐘後它恢復爲yyyy-MM-dd。

@Html.TextBoxFor(schedule => schedule.DateString, new { id = "requested-fulfillment-date", type = "date", @class = "date-picker", min = Model.MinOrderDate.ToString("MM/dd/yyyy"), max = Model.MaxOrderDate.ToString("MM/dd/yyyy"), @readonly = "readonly" }) 

Answer 1

我也有類似的問題就解決了這種方式（希望它幫助的）：

$('.datapicker').datepicker().datepicker("setDate", new Date());