Jquery 管理员LTE日期选择器未出现
我正在尝试在表单中添加日期选择器。请看一看Jquery 管理员LTE日期选择器未出现,jquery,datepicker,adminlte,Jquery,Datepicker,Adminlte,我正在尝试在表单中添加日期选择器。请看一看 <script src="http://localhost:84/new_store/assets/template/plugins/jQuery/jQuery-2.2.0.min.js"></script> <script src="http://localhost:84/new_store/assets/template/plugins/datepicker/bootstrap-datepicker.js">&l
<script src="http://localhost:84/new_store/assets/template/plugins/jQuery/jQuery-2.2.0.min.js"></script>
<script src="http://localhost:84/new_store/assets/template/plugins/datepicker/bootstrap-datepicker.js"></script>
<script type="text/javascript">
$('#datepickerss').datepicker({
autoclose: true
});
</script>
$(“#DatePickers”).datepicker({
自动关闭:正确
});
这是场地
<div class="form-group">
<label class="col-sm-3 control-label">Date</label>
<div class="col-sm-5">
<input type="text" class="form-control pull-right" id="datepickerss">
</div>
</div>
日期
当我尝试输入时,没有弹出日历(我不知道它的名称)。并且浏览器控制台日志中没有错误。我的HTML完整页源代码
我希望这会有所帮助
管理员2 |高级表单元素
日期选择器
日期:
$(函数(){
//日期选择器
$(“#日期选择器”)。日期选择器({
自动关闭:正确
})
})
是.daterangepicker()而不是datepicker()
//日期范围选择器
$('#reservation').daterangepicker()
//Date range picker with time picker
$('#reservationtime').daterangepicker({
timePicker: true,
timePickerIncrement: 30,
locale: {
format: 'MM/DD/YYYY hh:mm A'
}
})
//Date range as a button
$('#daterange-btn').daterangepicker(
{
ranges : {
'Today' : [moment(), moment()],
'Yesterday' : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month' : [moment().startOf('month'), moment().endOf('month')],
'Last Month' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
},
startDate: moment().subtract(29, 'days'),
endDate : moment()
},
function (start, end) {
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
}
)
确保页面上没有jquery错误。并检查“DatePickers”id在您的页面中不应使用多次。@YogeshShakya好吧,如果出现任何jquery错误,它会显示在控制台浏览器上,对吗?我看不出有任何错误,你需要包含“bootstrap datepicker.css”,没有它就无法工作。正如我在代码中看到的,您包含了“datepicker3.css”,而不是bottstrap datepickercss。