jQuery addClass example

Change class name on click in jQuery

by willystyle

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script src="https://npmcdn.com/flatpickr/dist/l10n/th.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<strong>flatpickr</strong>
<br><br>
<input type="text" id="my_date"> << altInput.value
<br><br>
<input type="text" id="dateStr_for_db"> << real value for db

JavaScript

flatpickr.localize(flatpickr.l10ns.th);

$('#my_date').flatpickr({
	dateFormat: "Y-m-d",
  altInput: true,
  onOpen: () => {
  	$('.cur-year').val(+moment().format('YYYY') + 543);
  },
  onChange: (selectedDates, dateStr, instance) => {
  	moment.locale('th');
    thai_DM = moment(selectedDates[0]).format('Do MMMM');
    thai_Y = parseInt(moment(selectedDates[0]).format('YYYY')) + 543;
    instance.altInput.value = thai_DM + " " + thai_Y;
    $('#dateStr_for_db').val(dateStr);
  }
});