Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Daterangepicker在网页ASP.NET MVC中不工作_Javascript_C#_Html_Asp.net_Asp.net Mvc - Fatal编程技术网

Javascript Daterangepicker在网页ASP.NET 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

我从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">

    <!-- 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结束标记。您必须删除这些标记,然后再次运行程序。是否删除“);?