Javascript 无法使用ng模型和ng单击从日期选择器获取日期
我只是想创建一个小的web应用程序,用户可以在一定的时间范围内从数据库下载值。我的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'
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>