JSFiddle - React, Tailwind, and code Playground

by talkhabi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/moment"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/moment-jalaali.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-persian-datetime-picker-browser.js"></script>
<div id="app">
  <date-picker v-model="date" :disable="disable"></date-picker>
  <pre>disable:: {{ disable }}</pre>
  <button id="my-btn">
    Change disable
  </button>
</div>

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    date: '1398/06/24',
    disable: []
  },
  components: {
    DatePicker: VuePersianDatetimePicker
  }
});

$('#my-btn').on('click', function() {
	app.disable = ['Friday', 'Saturday']
})