2014-10-07 95 views
-1

我最近設法將JQuery Datepicker小部件集成到我爲客戶構建的網站中。JQuery DatePicker日期格式查詢

現在我需要做的來完成這個特殊的任務關是改變從MM-DD-YY的日期格式DD-MM-YY基於上述信息和代碼

http://api.jqueryui.com/datepicker/#option-dateFormat

我目前正在使用,如下所示,我將如何實現這一目標?

$(document).ready(function() { 
$(function() { 
$("#datepicker").datepicker(); 
}); 
}); 


<input class="w-input input hasDatepicker" id="datepicker" type="text" placeholder="Expected Moving Date" name="datepicker" data-name="datepicker" required="required"> 

謝謝

+0

_「我將如何實現這個??」_嗯,使用您鏈接的選項? – j08691 2014-10-07 13:45:47

+0

你也可以在jquery-ui文件'dateFormat:「mm/dd/yy」'' – markpsmith 2014-10-07 13:47:38

+0

'中改變''區域'的設置。實際上我需要再問一個問題。由於我的網站使用多種形式,並且每個表單上都使用了這個特定的輸入字段,所以在這種情況下我該怎麼做?因爲我不能使用相同的ID'datepicker'爲每個其他輸入字段。是否有可能做類似的事情? $(「#datepicker」,「#datepicker2」,「#datepicker3」).datepicker等....這是可能的(即時通訊不是程序員btw)? – slider17 2014-10-08 07:35:18

回答

0

您正在使用jQuery準備的2倍。您的代碼應該是這樣的

$(document).ready(function() { 
    $("#datepicker").datepicker({ 
     dateFormat: "dd-mm-yy" 
    }); 
}); 

與改變日期格式完整的示例爲「DD-MM-YY」 http://jsfiddle.net/63wrvtxn/1/

如果你想日期選擇器添加到多個輸入字段,你可以添加一個類日期選擇器istead編號http://jsfiddle.net/63wrvtxn/3/

$(document).ready(function() { 
    $(".datepicker").datepicker({ 
     dateFormat: "dd-mm-yy" 
    }); 
}); 
+0

你能解釋你爲什麼投票嗎? :) – 2014-10-07 14:15:54

+0

@jurgemaister如果你看他的代碼,他調用它兩次$(document).ready(function(){(function(){。$(function(){...});是jQuery short - 手爲$(document).ready(function(){...});。所以你錯了:)在這裏閱讀更多關於它http://api.jquery.com/ready/ – 2014-10-07 14:30:52

+0

你是對的,我我錯了。http://api.jquery.com/ready/ – jurgemaister 2014-10-07 14:41:24