jQuery UI日期選擇器無法正常工作

我遇到問題。我想創建一個日曆，顯示在下面的輸入框中點擊的日期，但我似乎無法得到那個工作。jQuery UI日期選擇器無法正常工作

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,output

來源

2015-10-11 Marcin Calak

爲什麼你把它分解成兩個電話，一個文檔之前準備好，一次次？ –

這個工程：

$("#calendar").datepicker({ 
    inline: true, 
    firstDay: 1, 
    showOtherMonths: true, 
    dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], 
    onSelect: function(dateText, inst) { 
     $("input").val(dateText); 
    } 
});

好像你不能兩次初始化插件。

來源

2015-10-11 09:00:30 Julien

非常感謝，我不知道爲什麼我沒有把它放在一起。它現在工作正常 –

見變化.....

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); 
     } 
    }); 
});

來源

2015-10-11 09:04:30 Seabizkit

爲它顯示漂亮，你需要添加CSS爲Jqyery-UI – Seabizkit

[鏈接]（http://jsbin.com/norutiyexe/1/edit?html,js,output）包括用戶界面 – Seabizkit

jQuery UI日期選擇器無法正常工作

回答

相關問題