Cannot get Jquery DateTimePicker to display in mvc

2020-06-29 03:03发布

站内问答 / C#
1895 1 4

here is my script

<script type="text/javascript">
$(document).ready(function () {
   // alert("jquery working fine, still no display..");
    $(".datepicker").datetimepicker({
        showAnim: 'slideDown',
        dateFormat: 'dd/mm/yyyy'
    });
});
</script>

 <input type="text" class="datepicker" />

The actual Datepicker works great, firebug shows this script, the jqueryUI, the timepicker-addon.js, slider.js, and datepicker.js, jquery is selecting the textboxes.

but alas, still no datetimepicker displaying

I've tried using id's/classes, rearranging the order the scripts are loaded. I would say that the addon is just bunk, but so many seem to have no troubles at all with it. Does anyone know what I am missing?

1条回答
仙女界的扛把子
2楼-- · 2020-06-29 03:36

The following code works perfectly fine for me:

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <input type="text" class="datepicker" />

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript">
        $('.datepicker').datetimepicker({
            showAnim: 'slideDown',
            dateFormat: 'dd/mm/yy'        
        });
    </script>
</body>
</html>

Gives the following result as can be seen in this live demo:

enter image description here

So I guess there must be something wrong with your script inclusions and maybe their order. Unfortunately since you haven't shown your code it is difficult to be able to say more.

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)