Javascript 无法使用ng模型和ng单击从日期选择器获取日期

Javascript 无法使用ng模型和ng单击从日期选择器获取日期,javascript,angularjs,datepicker,Javascript,Angularjs,Datepicker,我只是想创建一个小的web应用程序,用户可以在一定的时间范围内从数据库下载值。我的html代码如下: <div class="container"> <div class='col-md-5'> Start Date: <div class="form-group"> <div class='input-group date'

我只是想创建一个小的web应用程序,用户可以在一定的时间范围内从数据库下载值。我的
html
代码如下:

<div class="container">
            <div class='col-md-5'>
                Start Date:
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker6'>
                        <input type='text' ng-model="queryDate.start" class="form-control" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </div>
            <div class='col-md-5'>
                End Date:
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker7'>
                        <input type='text' ng-model="queryDate.end" class="form-control" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </div>


            <div class='col-md-5'>
                Service Name:
             <select id="serviceName" style="font-size: 15px;padding: 5px;width: 300px" >
                 <option></option>
                 <option ng-repeat="webService in webServices">{{ webService.fields.service }}</option>
             </select>
            </div>

            <div class='col-md-6'>
                <button type="button" id="download" ng-click="download(queryDate)" class="btn btn-theme" style="float: right">Download</button>
            </div>
        </div>
我希望收集这两个日期字段,然后在数据库中使用它们来获取数据。


<div class='input-group date' >
                        <input type='text' ng-model="queryDate.start" id='datetimepicker6'class="form-control" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
在JS文件中,您可以这样做 $('#datetimepicker6').datepicker()

您必须为datepicker()使用jquery ui库


例如,请参见此

Use应该使用jquery ui库,然后为输入字段提供一个id,然后在js文件$(“#yourid”).datepicker()中执行此操作;嗯。。。。。我想用有角度的方式来做。你建议的是jquery方式。是吗?是的,所以你可以看看。。。这是有角度的方式
<div class='input-group date' >
                        <input type='text' ng-model="queryDate.start" id='datetimepicker6'class="form-control" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>