-1
ドロップダウンメニューで選択するオプション(日次または月単位の選択)に応じて、日付ピッカーの形式を変更したいとします。ここに私のコードです:ドロップダウンで選択したオプションを変更するDatePickerを変更する
$("#date-format").change(function() {
if ($(this).find("option:selected").text() == "Daily") {
$('.date-picker').datepicker({
dateFormat: "dd/mm/yy"
});
}
else if ((this).find("option:selected").text() == "Monthly") {
$('.date-picker').datepicker({
dateFormat: "mm/yy",
changeMonth: true,
changeYear: true,
showButtonPanel: true,
onClose: function (dateText, inst) {
function isDonePressed() {
return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1);
}
if (isDonePressed()) {
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
$(this).datepicker('setDate', new Date(year, month, 1)).trigger('change');
$('.date-picker').focusout()//Added to remove focus from datepicker input box on selecting date
}
},
beforeShow: function (input, inst) {
inst.dpDiv.addClass('month_year_datepicker')
if ((datestr = $(this).val()).length > 0) {
year = datestr.substring(datestr.length - 4, datestr.length);
month = datestr.substring(0, 2);
$(this).datepicker('option', 'defaultDate', new Date(year, month - 1, 1));
$(this).datepicker('setDate', new Date(year, month - 1, 1));
$(".ui-datepicker-calendar").hide();
}
}
})
}
})
日付ピッカーの最初の実装の後でフォーマットを変更する方法を知っていますか?
あなたはあなたのケースでは、のようなものoption
メソッドを使用することができます
参照[ 'option'](http://api.jqueryui.com/datepicker/#method-option)メソッドをあなたのケースは次のようなものです: '$( '。date-picker')datepicker(" option "、" dateFormat "、" mm/yy ");' – VincenzoC
@VincenzoC ;) –