前提・実現したいこと
複数datepickerを設置しているサイトで
1つのdatepickerだけ特定の日付を選択出来なくしたいと思っています。
該当のソースコード
$('.datepicker3').datepicker({
minDate: '1d',
maxDate: '+2m',
dateFormat : "yy/mm/dd"
,dayNamesMin: ['日', '月', '火', '水', '木', '金', '土']
,showOn: "both"
,buttonImageOnly : true
,buttonImage : "../calendar.gif"
,beforeShow : function(input,inst){
//開く前に日付を上書き
var year = $(this).parent().find(".year").val();
var month = $(this).parent().find(".month").val();
var date = $(this).parent().find(".date").val();
$(this).datepicker( "setDate" , year + "/" + month + "/" + date);
$(this).datepicker('setDate', new Date());
},
onSelect: function(dateText, inst){
var dates = dateText.split('/');
$(this).parent().find(".year").val(dates[0]);
$(this).parent().find(".month").val(dates[1]);
$(this).parent().find(".date").val(dates[2]);
}
});
$(".datepicker3").datepicker('option','beforeShowDay',function(date){
var ret = [(date.getDay() != 0 && date.getDay() != 6)];
return ret;
});
試したこと
ここに問題に対して試したことを記載してください。
var disableDates = ['2018/04/30', '2018/05/01'];
を追加してみたのですが、
設置位置がおかしいのか、色々足りないのかよくわかりません。
調べてみたのですが、
javascript初心者で繋がりがよくわかりません。
お教え頂ければ幸いです。
宜しくお願い致します。