Javascript Daterangepicker在网页ASP.NET MVC中不工作
我从adminlte.io模板获得的daterangepicker脚本无法在MVC网页上运行,我遇到了问题Javascript Daterangepicker在网页ASP.NET MVC中不工作,javascript,c#,html,asp.net,asp.net-mvc,Javascript,C#,Html,Asp.net,Asp.net Mvc,我从adminlte.io模板获得的daterangepicker脚本无法在MVC网页上运行,我遇到了问题 <!-- iCheck --> <link rel="stylesheet" href="~/plugins/iCheck/square/blue.css"> <link rel="stylesheet" href="~/dist/css/skins/_all-skins.min.css"> <!-- InputM
<!-- iCheck -->
<link rel="stylesheet" href="~/plugins/iCheck/square/blue.css">
<link rel="stylesheet" href="~/dist/css/skins/_all-skins.min.css">
<!-- InputMask -->
<script src="~/plugins/input-mask/jquery.inputmask.js"></script>
<script src="~/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="~/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker -->
<script src="~/bower_components/moment/min/moment.min.js"></script>
<script src="~/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker -->
<script src="~/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
如果我能在PHP中运行它,一旦我切换到asp.NETMVC,它将无法工作
<!-- iCheck -->
<link rel="stylesheet" href="~/plugins/iCheck/square/blue.css">
<link rel="stylesheet" href="~/dist/css/skins/_all-skins.min.css">
<!-- InputMask -->
<script src="~/plugins/input-mask/jquery.inputmask.js"></script>
<script src="~/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="~/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker -->
<script src="~/bower_components/moment/min/moment.min.js"></script>
<script src="~/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker -->
<script src="~/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
MVC
...
@RenderBody()
版权所有©2019。保留所有权利。
$(函数(){
//初始化Select2元素
$('.select2').select2()
//日期掩码dd/mm/yyyy
$(“#日期掩码”).inputmask('dd/mm/yyyy',{'placeholder':'dd/mm/yyyy'})
//日期2毫米/日/年
$('#datemask2').inputmask('mm/dd/yyyy',{'占位符':'mm/dd/yyyy'})
//货币欧元
$(“[数据掩码]”).inputmask()
//日期范围选择器
$(“#预订”).daterangepicker()
$('#periode')。daterangepicker()
//日期范围选择器和时间选择器
$(“#reservationtime”).daterangepicker({timePicker:true,TimePickerCrement:30,格式:'MM/DD/YYYY h:MM A'})
//日期范围作为一个按钮
$(“#daterange btn”).daterange选择器(
{
范围:{
“今天”:[时刻(),时刻()],
“昨天”:[moment().subtract(1,'天'),moment().subtract(1,'天')],
“过去7天”:[力矩().减去(6,'天'),力矩()],
“过去30天”:[力矩().减去(29,'天'),力矩()],
“本月”:[moment().startOf('Month'),moment().endOf('Month'),
‘上个月’:[moment().subtract(1,'Month').startOf('Month'),moment().subtract(1,'Month').endOf('Month')]
},
开始日期:矩().减去(29,'天'),
结束日期:时刻()
},
功能(开始、结束){
$('#daterange btn span').html(start.format('MMMM D,YYYY')+'-'+end.format('MMMM D,YYYY'))
}
)
//日期选择器
$(“#日期选择器”)。日期选择器({
自动关闭:正确
})
//计时器选择器
$('.timepicker').timepicker({
showInputs:错误
})
})
…
您没有正确链接样式表和脚本,应该删除);?>代码>来自链接和脚本。这应该可以解决问题。
<!-- iCheck -->
<link rel="stylesheet" href="~/plugins/iCheck/square/blue.css">
<link rel="stylesheet" href="~/dist/css/skins/_all-skins.min.css">
<!-- InputMask -->
<script src="~/plugins/input-mask/jquery.inputmask.js"></script>
<script src="~/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="~/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker -->
<script src="~/bower_components/moment/min/moment.min.js"></script>
<script src="~/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker -->
<script src="~/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
请检查您拥有的所有参考文件(包括)代码>请删除此项并选中请更改此项~/bower\u components/bootstrap datepicker/dist/js/bootstrap datepicker.min.js');?>
到~/bower\u components/bootstrap datepicker/dist/js/bootstrap datepicker.min.js
链接引用中仍然有PHP结束标记。您必须删除这些标记,然后再次运行程序。是否删除“);?