jquery - 无法初始化 Datepicker

Question

我有以下代码片段：

在我的 JS 文件中：

$.datepicker.setDefaults({
        dateFormat: 'dd.mm.yy'
    });

$("#performDateView").datepicker({
  minDate: "0",
  maxDate: "+3d",

});

var myDate = new Date(1978,2,11) 

$('#performDateView').datepicker( "setDate", myDate);

在我的 HTML 文件中：

<input type="text" id="performDateView" />

问题：maxDate 和 minDate 有效，但 setDate 属性无效。我使用 jQuery 1.9.1 我应该怎么做才能解决这个问题？我还有一个链接：http: //jsfiddle.net/RzD5Z/

Answer 1

两件事情：

• 输入类型应该是text. 您可以拥有浏览器自己的日期选择器或 jQuery UI 的日期选择器，但不能同时拥有。
• 您已将 datepicker 的最小日期设置为今天，将最大日期设置为从今天开始的三天。1978 年 3 月不属于该范围，因此未确定日期。

演示：http: //jsfiddle.net/RzD5Z/2/

Answer 2

将输入类型从日期更改为文本。

<input type="text" id="performDateView" />

& 如果你想设置日期然后删除 minDate

minDate: "0",

演示：http: //jsfiddle.net/RzD5Z/5/

Answer 3

我认为您type="date"正在搞乱 jquery UI 提供的内置 javascript 功能。您可能想看看如何解决这个问题。就这个错误而言，将您的 html 修改为：

  <input type="text" id="performDateView" />

修复日期的默认设置。工作jsfiddle。希望这可以帮助。

Answer 4

在此处查看 jQuery 文档

$(document).ready(function() {
  $('#datepicker').datepicker('setDate', new Date());
});

这应该按预期工作；盯紧了 <p>Date: <input type="text" id="datepicker" /></p>

所以这

$('#performDateView').datepicker( "setDate", new Date(2011,08,04));

将工作。

Answer 5

change Your below line

<input type="date" id="performDateView" />

With <input type="this" id="performDateView" /> this line and

change

$.datepicker.setDefaults({
    dateFormat: 'dd.mm.yy'
});

this part with the below

$.datepicker.setDefaults({
    dateFormat: 'dd-mm-yy'
});

I also applied it in Your jsFiddle example. It was working there.