Semantic-UI-Calendar
Semantic-UI-Calendar copied to clipboard
Format date yyyy/MM/dd
Do yo have an implementation for a format output date into input field?
I'm looking for a property to set the format date. Something like this:
{
formatDate: 'yyyy/MM/dd'
}
@nestorvanz , I do it like this.
var calendarOpts = {
type: 'date',
formatter: {
date: function (date, settings) {
if (!date) return '';
var day = date.getDate() + '';
if (day.length < 2) {
day = '0' + day;
}
var month = (date.getMonth() + 1) + '';
if (month.length < 2) {
month = '0' + month;
}
var year = date.getFullYear();
return year + '/' + month + '/' + day;
}
}
};
$('.ui.calendar').calendar(calendarOpts);
If you can use Moment.js, you can do this
formatter: {
date: function (date, settings) {
let momentDate = new Moment(date)
return momentDate.format('yyyy/MM/dd')
}
}
https://momentjs.com/docs/#/displaying/