带有日期填充的绑定JQuery-UI日历​​控件的问题

Question

我遇到了基于jquery-UI绑定日历控件的问题。 我正在使用Knockout和REST API获取日期值，并在输入文本框中正确填充，如下所示，但日历不能反映与填充日期的正确绑定？需要做些什么来反映日历中的正确日期。

<div class="form-group">
    <label for="LaunchDate">Launch Date</label>
<div class="input-group"                 
 <input type="text" data-bind="value: Launch_Date"  class="date-picker form-control input-sm" id="LaunchDate"/>
<label for="LaunchDate" class="input-group-addon btn"><span class="glyphicon glyphicon-calendar"></span> </label>
</div>
</div>

Knockout JS Code：
    self.Launch_Date = ko.observable（moment.utc（data.d.Launch_Date）.format（“YYYY-MMM-DD”））;

DatePicker代码JQuery UI和Bootstrap：
        $（ “日期选择器”）日期选择器（）;

Answer 1

使用dateFormat选项。选择器设置使用的格式应与您初始化它的日期格式相匹配。

$(".date-picker").datepicker({ dateFormat: "yy-mm-dd" });

编辑：Fiddle

Answer 2

我假设您从data.d.Launch_Date获取值。有时候，带有json的REST api会使用反斜杠返回日期值，您需要解析它， var dt = new Date（parseInt（data.d.LaunchDate）然后你可以尝试这种格式＆＃39; MM / DD / YYYY＆＃39;而不是使用MMM。