常連

```
//sample.html
<body>
    <h1>以下試し</h1>
    <input type="text" id="datepicker" name="date" value="2000-01-01">
    <button class="show_btn">実行</button>
    <p class="show_date">date</p>
    <script src="sample.js"></script>
    <h1>以上試し</h1>
</body>

// sample.css
.Highlighted > .ui-state-default{
    background: #FFFFCC !important;
    color: red !important;
}
.Lowlighted > .ui-state-default{
    background: blue !important;
    color: white !important;
}

// sample.js
var days= ['2000-01-01','2000-01-02','2000-02-01'];
// カレンダーの設定
$('#datepicker').datepicker({
    beforeShowDay: function(date){
        for (var i=0; i<days.length; i++){
            alert(i);
            var day=new Date();
            day.setTime(Date.parse(days[i])); 
            if (day.getYear() == date.getYear() &&
            day.getMonth() == date.getMonth() &&
            day.getDate() == date.getDate()){
                return [true,'Lowlighted','target'];
            }
            else{
                return [true,'Highlighted','mistake'];
            }
        }
    },
    defaultDate: new Date('2020-01-01'), // 初期値はその日の日付　
 　 dateFormat: 'yy-mm-dd',
// 選択した日付を表示するボタン
$('.show_btn').on('click',function(){ 
    inputText=$('#datepicker').val();
    $('.show_date').text(inputText);
})
//
```
特定の日（'2000-01-01','2000-01-02','2000-02-01'）の背景色を青色にしたいのですが、2000-01-01の日のみ背景色が青色になり、2000-01-02,2000-02-01の日はデフォルトのままです。alert(i)でデバックしてみたところ、ずっと0を表示しているので、for文の繰り返しがうまくいってないと思います。
改善点を教えてくださると助かります。

Datepickerで特定の日付の背景色を変えたい

### 前提

歯医者のHPの予約フォームがあるのですが、土日だけ受付時間が異なります。
土日は平日より二時間、受付時間が短いです。
平日：9:00-13:00　14:30-20:00
土日：9:00-13:00　14:30-18:00

【MW WP FORM】内でDatepickerを使用して、土日だけは
受付時間を二時間短くするコードをjsで書いてみたのですが、結果は平日しか表示されず困っています。

### 実現したいこと

平日は
9：00,9：30,10：00,10：30,11：00,11：30,12：00,12：30,14：30,15：00,15：30,16：00,16：30,17：00,17：30,18：00,18：30,19：00,19：30　を表示させて

土日は
9：00,9：30,10：00,10：30,11：00,11：30,12：00,12：30,14：30,15：00,15：30,16：00,16：30,17：00,17：30　を表示させたいです。（,18：00,18：30,19：00,19：30が選択肢にない）



### 該当のソースコード

```php
<dt class="b_g"><span class="nini">任意</span>第1希望日時</dt>
<dd class="d_flex">
希望日 [mwform_text name="第1希望日" size="15" placeholder="希望日を選択して下さい" js="minDate:'+2d'" ]
 時間 
[mwform_select name="第1希望日時間" class="form-child1" children=":希望時間を選択して下さい,9：00,9：30,10：00,10：30,11：00,11：30,12：00,12：30,14：30,15：00,15：30,16：00,16：30,17：00,17：30,18：00,18：30,19：00,19：30" post_raw="true"]
</dd>
```
```js
jQuery(function($){

$("input[name='第1希望日']").datepicker().on("change", function(e) {//日付を選ぶたびに動かしたい
var fDate1 = $("input[name='第1希望日']").datepicker('getDate');
if (fDate1 !== null) { 
    fDate1 instanceof Date; 
    var youbi1 = fDate1.getDay();  /**********曜日を0から6の整数で取得**************/
}
	if (youbi1 === 0||youbi1 === 6){ /****土(6)、または日(0)だった場合、土、日の時刻を表示****/
           $('.form-child1').children.remove(":contains(',18：00,18：30,19：00,19：30')");    
       }
});
```
### 試したこと

.removeをつかえば、文字列から土日の時刻を削除できる！と思ってやってみたのですが、なかなか反映されずだめでした。

１
$('.form-child1').remove(":contains(,18：00,18：30,19：00,19：30)");
	                 
2
 $('.form-child1').children.remove(":contains(',18：00,18：30,19：00,19：30')");

3
 $('.form-child1')$('.children').remove(":contains(',18：00,18：30,19：00,19：30')");


### 補足情報（FW/ツールのバージョンなど）
WPバージョン 6.1.1 

よろしくおねがいいたします



MW WP FORM  土日だけ受付時間を変更したい

### 前提
[該当サイト](https://nayabashi-kick.com/%E7%B4%8D%E5%B1%8B%E6%A9%8B%E3%82%AD%E3%83%83%E3%82%AF-2/%E3%81%8A%E5%95%8F%E5%90%88%E3%81%9B-%E3%83%86%E3%82%B9%E3%83%88-2-2/)
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-01-24/54e25fda-4c22-4bdf-8888-2b8a02f78fdb.png)
wordpressのエレメンターにて、MWformでdatapickerカレンダーに祝日（あるいは特定の日付）をしたいのですが上手くいきません。
お願いします。助けてください。

### 実現したいこと


- 2023/02/11　2023/02/23が祝日の為、最終的に該当のtdタグにクラス名を着けたい



### 該当のソースコード

```jQuery
jQuery(function() {
  var holidays = ['20230211', '20230223'];
jQuery('#datepicker').datepicker({
    beforeShowDay: function (date) {
        var ymd = date.getFullYear() + ('0' + (date.getMonth() + 1)).slice(-2) + ('0' +  date.getDate()).slice(-2);
        if (holidays.indexOf(ymd) != -1) {
            // 祝日
            return [true, 'ui-state-disabled2'];
        } else if (date.getDay() == 0) {
            // 日曜日
            return [false, 'ui-state-disabled3'];
        } else {
             // 平日
            return [true, ''];
        }
    }
});
  
});
```
```MWフォーム
お名前

[mwform_text name="name" placeholder="name"]

ふりがな

[mwform_text name="name_kana" placeholder="ふりがな"]

電話番号

[mwform_text name="tel" placeholder="電話番号"]

メールアドレス

[mwform_text name="email"]

メールアドレス確認

[mwform_text name="email_check" ]

郵便番号

[mwform_text name="pcode"]

ご住所

[mwform_text name="adress"]

お問い合わせ内容

[mwform_radio name="select_form" id="select_form" class="select_form" children="お問合せ,体験希望" value="お問合せ"]

体験したい店舗を選択してください

[mwform_radio name="select_shop" id="select_shop" class="select_shop" children="納屋橋キック1号店" value=""]

希望日時
※体験の対応時間は下記の時間内でご入力下さい。
平日　18:00～22:00
土曜　15:00～18:00
祝日　15:00～20:00
日曜日は定休日となります。

[mwform_datepicker name="days" id="datepicker" size="30" placeholder="ご希望の日にちを選択してください"]
[mwform_select class="select1" name="dateserect" id="希望日時" children="ご希望のお時間帯を選択してください,１５：００～１６：００,１６：００～１７：００,１７：００～１８：００,１８：００～１９：００,１９：００～２０：００,２０：００～２１：００,２１：００～２２：００" value=""]
[mwform_select class="heijitu" name="dateserect" id="希望日時" children="ご希望のお時間帯を選択してください,１８：００～１９：００,１９：００～２０：００,２０：００～２１：００,２１：００～２２：００" value=""]
[mwform_select class="doyou" name="dateserect" id="希望日時" children="ご希望のお時間帯を選択してください,１５：００～１６：００,１６：００～１７：００,１７：００～１８：００" value=""]

お問合せ詳細

[mwform_textarea name="contents"]
[mwform_backButton value="戻る"]
[mwform_submitButton name="submit" confirm_value="確認する" submit_value="送信する "]

### 補足情報
日曜日を非表示と土曜日の取得はできました。

```jQuery
// 	日曜日を非表示
 jQuery(function(){ jQuery('#datepicker').datepicker(); jQuery('#datepicker').datepicker('option','beforeShowDay',function(date){ var ret = [(date.getDay() != 0 && date.getDay() != 7)]; return ret; });});
 
    jQuery(function($){
jQuery(".hasDatepicker").datepicker().on("change", function(e) {//日付を選ぶたびに動かしたい
var fDate =jQuery('.hasDatepicker').datepicker('getDate');

if (fDate !== null) { 
    fDate instanceof Date; 
    var youbi = fDate.getDay();
	alert(youbi);//試しにわかりやすくalertで取得できてるか確認
	// ここからifで振り分けたり、色々やりたい処理を
	if(youbi==6){
	    jQuery('.heijitu').hide();
	    jQuery('.doyou').show();
	}else{
	    	
	    jQuery('.heijitu').show();
	    jQuery('.doyou').hide();
	}
	

	
};
});
});



jQuery UI datapickerに祝日（あるいは特定日）を指定したいです。

### 前提
[該当サイト](http://parnasse.conohawing.com/yutorisaito/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b/)
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-01-26/622c7047-423a-4594-8119-e77e48e3d79a.png)
wordpressのエレメンターにて、contctform7で予約フォームを作っており、datapickerカレンダーで平日・土曜・祝日を選ぶごとに選べる選択肢を変えたいのですが上手くいきません。
お願いします。助けてください。
平日・土曜はgatDayの数字でまだ振り分けられるのですが、祝日はgatDayの数字がついていないので選んだ状態をどう取得すればいいのか分かりません。
datepickerはコンタクトフォーム7のものを使用しています。


### 実現したいこと


- [ ] ・datepickerで平日を選択したら、コンタクトフォーム7の営業時間の平日が出てきて、祝日と土曜の選択肢は消す。
・祝日を選択したら、コンタクトフォーム7の営業時間の祝日が出てきて、平日と土曜の選択肢は消す。
・土曜を選択したら、コンタクトフォーム7の営業時間の土曜が出てきて、平日と祝日の選択肢は消す。

### 発生している問題・エラーメッセージ①
↓で対応しようとしても上手くいくどころか、カレンダーの土曜や祝日判定が消えます。

```JQuery

```


### 該当のソースコード

```jQuery

```<script>
		console.log('読み込み成功1');
		
        $(function(){
          var holidays = [
            "20230211",
            "20230223",
            ];
          var dateFormat='yymmdd';
          $('.test').datepicker({
          beforeShowDay:function(date) {
            var holiday = $.datepicker.formatDate(dateFormat, date);
            console.log(holiday);
            if($.inArray(holiday,holidays)>-1) return [true,'holiday',''];
            if(date.getDay()==0) return [false,'sunday',''];
            if(date.getDay()==6) return [true,'saturday',''];
            return [true,'heijitu',''];
          }
          });
        });
		console.log('読み込み成功');
        </script>
        <input class="date">
	<script>


// 	日曜日を非表示
 
    jQuery(function($){
jQuery(".test").datepicker().on("change", function(e) {//日付を選ぶたびに動かしたい
var fDate =jQuery('.test').datepicker('getDate');
if (fDate !== null) { 
    fDate instanceof Date; 
    var youbi = fDate.getDay();
	alert(youbi);//試しにわかりやすくalertで取得できてるか確認
	// ここからifで振り分けたり、色々やりたい処理を
	if(youbi==6){
	    jQuery('.heijitu').hide();
		
	    jQuery('.doyou').show();
	}else{
	    	
	    jQuery('.heijitu').show();
	    jQuery('.doyou').hide(); jQuery(function(){ jQuery('.test').datepicker();
												  
												   

	}
	

	
};
});
});

  

</script>

```
### 該当のソースコード
```contactform7
コード
```<label> 氏名
    [text* your-name autocomplete:name] </label>

<label> メールアドレス
    [email* your-email autocomplete:email] </label>

<label> 題名
    [text* your-subject] </label>

<label>予約カレンダー
[text* date-reserve5 id:reserve-date class:test]
</label>
[select menu-530 id:select1 class:heijitu "平日" "犬" "猫"]
[select menu-530 id:select2 class:doyou "土曜" "犬2" "猫2"]
[select menu-530 id:select3 class:syukujitu "祝日" "犬3" "猫3"]
<label> メッセージ本文 (任意)
    [textarea your-message] </label>

[submit "送信"]
```

### 試したこと

.holidayをクリックすると平日と土曜の選択肢が消えるようにしたつもりですが無理でした。
※また、onSelectオプションを使って、カレンダーの選択日（祝日と一致したら）によって営業時間の選択肢を変えようかと思いましたが、↓と他のコード（曜日振り分け）が共存しません。助けてください。↓をスクリプトの一番下に書いてもこれが動作しません
$(function() {
      $('.test').datepicker({
onSelect: function(dateText) {
alert(dateText);
}
});
});

datepickerで祝日・平日・土日を選択するごとに選べる営業時間を変えたい。

下記のvuejs-datepickerを使用しています。
https://github.com/charliekassel/vuejs-datepicker


下記のサイトを参考に、formatをyyyy-MM-ddに変更しようとしているのですがinputの中身のformatが変わりません。
https://www.kabanoki.net/2560/

実際のコードは下記です。
どこか間違っている箇所はあるでしょうか。。


```ここに言語を入力
<div class="date_select">
	<vuejs-datepicker name="reserve_date" :format="DatePickerFormat" v-model="reserve_date" :language="ja" :inline="true"></vuejs-datepicker>
	<input type="text" :value="reserve_date">
</div>


<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
<script src="https://unpkg.com/vuejs-datepicker"></script>
<script src="https://cdn.jsdelivr.net/npm/vuejs-datepicker@1.6.2/dist/locale/translations/ja.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js" defer></script>


<script>
new Vue({
	el:"#app",
	data: {
		ja: vdp_translation_ja.js,
		DatePickerFormat: 'yyyy-MM-dd',
		reserve_date: '',
	},
	components: {
		'vuejs-datepicker':vuejsDatepicker
	},
	methods: {
		customFormatter(date) {
		return moment(date).format('YYYY/MM/DD');
		},
	}
})
</script>


```

Vue.jsのvuejs-datepickerのフォーマットを変更したい。

### jqueryのdatepickerで特定の日付を選択できないようにしたい。

jqueryのdatepickerで特定の日付を選択できないようにしたいのですが、
曜日を選択できないようにするのは出来たのですが、日付を選択できないようにするのが出来ないです


### 該当のソースコード

```html
<input type="text" class="datepicker" >

```

```javascript
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
<script>
$(function() {
    
    var disableDates = [
        "2020/12/29"
       ];

    $(".datepicker").datepicker({
            beforeShowDay: function(date) {

            // 水曜日を選択できないようにする
            if (date.getDay() == 3) {
                return [false, ''];
            }
            // 特定日を選択できないようにする
            var disableDate = $.datepicker.formatDate('yy/mm/dd', date);
            if (disableDates.indexOf(disableDate) == 1) {
                return [false, ''];
            }
            // それ以外
            return [true, ''];
        },
    })

});
</script>
```


上記コードで水曜日は選択できなくなるのですが、12/29が選択できてしまいます。
どこを修正すればいいのかご教授お願いします。

jqueryのdatepickerで特定の日付を選択できないようにしたい。

### 前提・実現したいこと

datepickerの初期値を表示しているページによって変え、かつ
placeholderのテキストを表示したいです。
2020年5月のページ場合は2020/05/01を初期値にしたい。
2020年6月のページ場合は2020/06/01を初期値にしたい。

それぞれ初期値は表示ページでいいのですが、inputboxにはvalueではなく
placeholderを表示することは出来ないでしょうか。

### 発生している問題・エラーメッセージ

```
placeholderを設定し、valueにそれぞれの年月を設定しているのですが
valueが優先されてしまいます。
```

### 該当のソースコード

```ここに言語名を入力

2020年5月の場合
<input type="text" id="datepicker" value="2020/05/01" placeholder="日付を選択してください">

2020年6月の場合
<input type="text" id="datepicker" value="2020/06/01" placeholder="日付を選択してください">

共通の読み込みスクリプト
<script>
  $("#datepicker").datepicker();
</script>

```

### 補足情報（FW/ツールのバージョンなど）

jquery等のバージョンは下記になります。
```
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://rawgit.com/jquery/jquery-ui/master/ui/i18n/datepicker-ja.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
```

datepickerの初期値について

### 前提

pickadate.jsを使って指定された日付を
カレンダー上で選択不可とする実装をしたいです。
サーバーからは下記のような状態で日付が渡ってくるのですが
```javascript
[ 
  "2020/05/02",
  "2020/05/04",
]
```

以下のようにフォーマットしたいです
```javascript
 [
      [2020, 05, 02],
      [2020, 05, 04] 
 ]
```

下記は自分で整形しようとして実装したのですが
文字列になってしまいました。
有識者の方、ご教示いただけないでしょうか。

```javascript
var dateTypeDisableDates = [];
   disableDates.forEach((target)=>{
    dateTypeDisableDates.push([target.replace(/\//g, ',')]);
   })
//文字列になってしまう
 [
      [’2020, 05, 02’],
      [’2020, 05, 04’] 
 ]
```



### 実現したいこと

ここに実現したいことを箇条書きで書いてください。
- [ ] 日付を整形したい


