Javascript DateTimePicker js文件在azure中punlished后不工作

在Azure中发布网站后，网页上不会显示日历弹出窗口

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

<script type="text/javascript" src="JScript.js"></script>

<link href="App_Themes/CSS/UI.css" rel="stylesheet" type="text/css" \>

下面是JScript.js文件的代码

function pageLoad() { $(function() {
    $('#basic_example_1').datetimepicker(
{

    timeFormat: "hh:mm tt",

    hourMin: 8,

    hourMax: 16,

    numberOfMonths: 2,

    minDate: 0,

    maxDate: 30
});


    $("input[id*='txtSchemaIssueDate']").datepicker({
        dateFormat: 'dd-mm-yy'
    });



    $('#basic_example_2').timepicker();


    $('#slider_example_4').datetimepicker({
        controlType: 'select',
        timeFormat: 'hh:mm tt'
    });


    $("input[id*='txtDate']").datepicker({
        dateFormat: 'dd-mm-yy'
    });

    $("input[id*='txtDateFrom']").datetimepicker({
        controlType: 'select',
        dateFormat: 'dd-mm-yy',
        timeFormat: 'hh:mm tt'
    });}

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

<script type="text/javascript" src="JScript.js"></script>

<link href="App_Themes/CSS/UI.css" rel="stylesheet" type="text/css" \>

pageLoad（）中似乎有错误，$表示找不到$

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

<script type="text/javascript" src="JScript.js"></script>

<link href="App_Themes/CSS/UI.css" rel="stylesheet" type="text/css" \>

以下是网页的代码：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

<script type="text/javascript" src="JScript.js"></script>

<link href="App_Themes/CSS/UI.css" rel="stylesheet" type="text/css" \>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

<script type="text/javascript" src="JScript.js"></script>

<link href="App_Themes/CSS/UI.css" rel="stylesheet" type="text/css" \>

---

看起来您在这里注释掉了jquery脚本

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

<script type="text/javascript" src="JScript.js"></script>

<link href="App_Themes/CSS/UI.css" rel="stylesheet" type="text/css" \>

<!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>-->

---

只需删除注释标记，就可以将其包括在内。

根据您的描述，我刚刚使用了来自cloudflare的测试工具来测试这个问题。这是我的演示html：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

<script type="text/javascript" src="JScript.js"></script>

<link href="App_Themes/CSS/UI.css" rel="stylesheet" type="text/css" \>

（功能（）{
$（“#基本#示例#1”）.timepicker（）；
$（“#基本#示例_2”）.datepicker({
日期格式：“dd-mm-yy”
});
$（“#基本#示例#3”）.datetimepicker({
controlType:'选择'，
日期格式：“dd-mm-yy”，
时间格式：“hh:mm tt”
});
$（'#基本_示例_4'）。日期时间选择器(
{
时间格式：“hh:mm tt”，
霍敏：8，
霍尔马克：16，
月数：2，
minDate:0，
最长日期：30
});
})();

对于您的问题，我假设您最好通过

HTTPS

更改链接，否则在通过HTTPS访问azure web app网站时可能会遇到以下问题

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

<script type="text/javascript" src="JScript.js"></script>

<link href="App_Themes/CSS/UI.css" rel="stylesheet" type="text/css" \>

---

很抱歉，评论有误，我刚刚编辑了问题

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

<script type="text/javascript" src="JScript.js"></script>

<link href="App_Themes/CSS/UI.css" rel="stylesheet" type="text/css" \>