带日期填充的UI日历控件

2018-06-30 00:53:58

我遇到了绑定基于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代码：
self.Launch_Date = ko.observable（moment.utc（data.d.Launch_Date）.format（“YYYY-MMM-DD”））;

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

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

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

编辑：小提琴

我假设你从data.d.Launch_Date得到了值。有些时候REST api和json用反斜杠返回日期值，你需要解析它，var dt = new Date（parseInt（data.d.LaunchDate）然后你可以尝试这种格式'MM / DD / YYYY'而不是使用MMM。

链接地址: http://www.djcxy.com/p/83815.html

上一篇: UI Calendar Control with Date Populated

下一篇: bind value in jquery