显示datetimepicker的日期和时间

时间:2015-10-12 05:24:41

标签: angularjs angular-ui-bootstrap datetimepicker

我想使用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>

这很好用(我可以同时选择日期和时间)但是我希望在用户选择时显示下面的选定日期和时间。任何人都可以为此提供解决方案吗?

2 个答案:

答案 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的日期选择器。