使用填充日期绑定 JQuery-UI 日历控件的问题答案

【问题标题】：Issue with Binding JQuery-UI Calendar Control with Date Populated使用填充日期绑定 JQuery-UI 日历控件的问题
【发布时间】：2017-05-25 23:54:05
【问题描述】：

我在绑定基于 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>

淘汰JS代码：
self.Launch_Date = ko.observable(moment.utc(data.d.Launch_Date).format("YYYY-MMM-DD"));

DatePicker 代码 JQuery UI 和引导程序：
$(".date-picker").datepicker();

【问题讨论】：

考虑使用敲除自定义绑定
是的，我尝试使用以下自定义 KO Binder，它对我不起作用
stackoverflow.com/questions/29283815/…

标签： jquery-ui knockout.js twitter-bootstrap-3 calendar

【解决方案1】：

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

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

编辑：Fiddle

【讨论】：

非常感谢。这解决了我的问题。它与 dateFormat 选项完美配合。每个人都要求我使用 Custom KO Binder for JQuery UI Datepicker。不确定何时使用？

【解决方案2】：

我假设您从 data.d.Launch_Date 获取值。有时带有 json 的 REST api 返回带有反斜杠的日期值，您需要对其进行解析， var dt = new Date(parseInt(data.d.LaunchDate) 然后你可以尝试这种格式 'MM/DD/YYYY' 而不是使用 MMM。

【讨论】：