我想使用ng-model
显示从日期选择器中选择的日期和时间。我有一个模板,并使用它的日期和时间选择器。现在,我有以下代码:
<div class="form-group" id="data_1">
<label class="font-noraml">Date:</label>
<div class="input-group date" >
<span class="input-group-addon"><i class="fa fa-calendar"></i></span><input type="text" class="form-control" value="2014/06/09">
</div>
</div>
<label class="font-noraml">Time:</label>
<div class="input-group clockpicker" data-autoclose="true">
<input type="text" class="form-control" value="09:30">
<span class="input-group-addon">
<span class="fa fa-clock-o"></span>
</span>
</div>
<script>
$(document).ready(function () {
$('#data_1 .input-group.date').datepicker({
todayBtn: "linked",
keyboardNavigation: false,
forceParse: false,
calendarWeeks: true,
autoclose: true,
format: "yyyy/mm/dd"
});
$('.clockpicker').clockpicker();
});
</script>
这很好用(我可以同时选择日期和时间)但是我希望在用户选择时显示下面的选定日期和时间。任何人都可以为此提供解决方案吗?
答案 0 :(得分:0)
尝试使用以下代码
$(txtControlName).datepicker({
showOtherMonths: true,
selectOtherMonths: true,
minDate: "here give your min date",
maxDate: "maximum date",
changeMonth: true,
changeYear: true,
yearRange: "1900:2100",
defaultDate: +1
});
所以现在用户只能选择最小和最大之间的日期
答案 1 :(得分:0)
将jquery与angular一起使用并不是一个好主意。你一定会遇到问题。我认为你应该使用ui-bootstrap的日期选择器。