不显示Jquery日期选择器
我尝试在模式窗口中实现一个日期选择器。我不知道为什么错误切换不起作用。我包括了所有的头文件。我尝试在一个单独的文件中正确地工作,但在我把它包含在我的网站中后,它就不起作用了 标题:不显示Jquery日期选择器,jquery,twitter-bootstrap,datepicker,Jquery,Twitter Bootstrap,Datepicker,我尝试在模式窗口中实现一个日期选择器。我不知道为什么错误切换不起作用。我包括了所有的头文件。我尝试在一个单独的文件中正确地工作,但在我把它包含在我的网站中后,它就不起作用了 标题: <link href="css/bootstrap.css" rel="stylesheet" /> <link href="css/landing-page.css" rel="stylesheet"/> <link rel="stylesheet" href="assets/css/
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/landing-page.css" rel="stylesheet"/>
<link rel="stylesheet" href="assets/css/bootstrap-datetimepicker.css" media="screen">
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/style-responsive.css" rel="stylesheet">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
HTML代码:
<input type="text" class="form-control" placeholder="Date Of Birth" name="dateofbirth" id="dateofbirth">
脚本:
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery-1.7.1.min.js"></script>
<script src="assets/js/jquery.validate.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-datetimepicker.js" ></script>
<script type="text/javascript" src="assets/js/jquery.backstretch.min.js"></script>
<script type="text/javascript">
$.backstretch("assets/img/login-bg1.jpg", {speed: 500});
$('#dateofbirth').datetimepicker
({
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 3,
maxView: 4,
forceParse: 0,
format:'dd-mm-yyyy'
});
addEventListener('load', prettyPrint, false);
</script>
$.backstretch(“assets/img/login-bg1.jpg”,{speed:500});
$(“#dateofbirth”).datetimepicker
({
自动关闭:1,
今日亮点:1,
startView:2,
minView:3,
maxView:4,
forceParse:0,
格式:'dd-mm-yyyy'
});
addEventListener('load',预打印,false);
更改
$('#dateofbirth').datetimepicker()
到
我有一个关于jsbin的工作示例。你可以查看这个
您可以查看其完整的页面输出。问题在于,您试图在将元素和/或所需脚本加载到页面之前将元素绑定到事件 将您的javascript更改为:
$(document).ready(function () {
$.backstretch("assets/img/login-bg1.jpg", {speed: 500});
$('#dateofbirth').datetimepicker
({
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 3,
maxView: 4,
forceParse: 0,
format:'dd-mm-yyyy'
});
addEventListener('load', prettyPrint, false);
$('pre').addClass('prettyprint linenums');
});
将datetimepicker代码放入“文档准备就绪”部分。检查浏览器控制台,查看其中显示了多少错误?不会出现错误。这就是问题所在。这就是为什么我找不到到底出了什么问题。控制台选项卡中没有错误?奇怪。为什么在html中有两个jquery脚本?而引导datetimepicker需要moment.js。我尝试了这种方式,它显示$(…)datepicker在控制台选项卡中不是一个函数错误。我尝试了这种方式,就像以前的datepicker不工作一样。我在这里找不到任何更改。请用其他方法帮助我。试试datepicker();这是我唯一的猜测,因为我从未使用datetimepicker,并且您使用的参数可能对该函数调用无效?我尝试了其他方法,现在它正在工作。感谢您的帮助。您应该编辑您的问题,并包括为使其工作所做的更改。是的,我现在更改它。
$(document).ready(function () {
$.backstretch("assets/img/login-bg1.jpg", {speed: 500});
$('#dateofbirth').datetimepicker
({
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 3,
maxView: 4,
forceParse: 0,
format:'dd-mm-yyyy'
});
addEventListener('load', prettyPrint, false);
$('pre').addClass('prettyprint linenums');
});