AngularStrap数据开始日期不允许日期选择

时间:2014-07-15 13:45:12

标签: javascript angularjs twitter-bootstrap date angular-strap

我有这个有角度的日期选择器

 <input type="text" bs-datepicker data-start-date="01/10/13" data-end-date="29/04/14" placeholder="Earliest date" id="BoundaryFrom" name="BoundaryFrom" ng-model="chartData.boundary.min" data-date-format="d M yyyy" />    

(目前我已经输入了硬编码的开始和结束日期,只是为了测试功能。稍后我会输入一个Angular表达式)

现在,此部分data-start-date="01/10/13" data-end-date="29/04/14"正确地仅在日历控件中显示2013年10月1日到2014年4月29日之间的日期,但问题是这些日期都不可选。我仍然可以输入文本框。为什么他们不可选?

1 个答案:

答案 0 :(得分:2)

似乎开始日期和结束日期应更具体,以及选项为data-min-datedata-max-date。您的开始和结束日期代码应为data-min-date="10/01/2013" data-max-date="04/29/2014"。整行将是

<input type="text" bs-datepicker data-min-date="10/01/2013" data-max-date="04/29/2014" placeholder="Earliest date" id="BoundaryFrom" name="BoundaryFrom" ng-model="chartData.boundary.min" data-date-format="d M yyyy" />

另外,我认为日期的格式为“mm / dd / yyyy”,而不是像你最初那样的“dd / mm / yyyy”。

这是plunker工作代码。该日历仅允许2013年10月1日至2014年4月29日之间的选定日期。我希望这有助于!!!

编辑:修正了错字。此外,一个upvote或接受的答案将是真棒:)