[英]jQuery UI datepicker doesn't work properly
我有個問題。 我想創建一個日歷,該日歷在下面的輸入框中顯示單擊的日期,但是我似乎無法正常工作。
HTML
<div id="step3">
<p> Choose a start date </p>
<div id="calendar"></div>
</div>
</br>
<input type="text" name="something" value="thevalue" />
使用Javascript
$("#calendar").datepicker({
inline: true,
firstDay: 1,
showOtherMonths: true,
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
});
$(function(){
$('#calendar').datepicker({
onSelect: function(dateText, inst) {
$("input").val(dateText);
}
});
});
任何人都有任何提示,我的代碼有什么問題。 這是我的jsbin以及http://jsbin.com/najunexipe/edit?html,js,輸出
這有效:
$("#calendar").datepicker({
inline: true,
firstDay: 1,
showOtherMonths: true,
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
onSelect: function(dateText, inst) {
$("input").val(dateText);
}
});
似乎您無法兩次初始化插件。
查看更改.....
HTML
<!doctype html>
<html>
<head>
<title>Deadline Calculator</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="main.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<input type="text" class="datepicker" id="importantthing" name="importantthing" value="" />
</body>
</html>
JavaScript的
$(function(){
$('.datepicker').datepicker({
inline: true,
firstDay: 1,
showOtherMonths: true,
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
onSelect: function(dateText, inst) {
//$("input").val(dateText);
}
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.