Issue with Binding JQuery-UI Calendar Control with Date Populated
我在绑定基于jquery-UI的日历控件时遇到问题。
我正在使用Knockout和REST API来获取日期值，并且它会在如下所示的输入文本框中正确填充，但是日历无法反映出与填充日期的正确绑定？需要执行哪些操作以在日历中反映正确的日期。
1 2 3 4 | <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> |
淘汰赛JS代码：
self.Launch_Date = ko.observable(moment.utc(data.d.Launch_Date).format(" YYYY-MMM-DD")));
DatePicker代码JQuery UI和Bootstrap：
$("。date-picker")。datepicker();
使用dateFormat选项。选择器设置为使用的格式应与初始化它的日期格式匹配。
1 | $(".date-picker").datepicker({ dateFormat:"yy-mm-dd" }); |
编辑：小提琴
我假设您正在从data.d.Launch_Date中获取值。某些时候，带有json的REST api返回带有反斜杠的日期值，您需要对其进行解析，
var dt = new Date(parseInt(data.d.LaunchDate)，然后您可以尝试使用" MM / DD / YYYY"这种格式，而不使用MMM。