calendar format

Feature Request

some calendar improvements for users

1. format
2. maxDate
3. show year

Description

1. I think supporting very basic format like ‘yy-mm-dd’ is better. I think you can reference jqueryui’s datepicker (https://jqueryui.com/datepicker/#date-formats). Please look around.

Now I am writing codes like,

                       // calendar fn
			function calendar_format_date(date) {
				if ( ! date ) return '';
				var year = date.getFullYear();
				var month = date.getMonth() + 1;
				if ( month < 10 ) month = '0' + month;
				var day = date.getDate();
				if ( day < 10 ) day = '0' + day;
				return [year, month, day].join('-');
			}

			// from
			var today = new Date();
			$("#from").calendar({
				type: 'date',
				endCalendar: $('#to'),
				maxDate: new Date(today.getFullYear(), today.getMonth(), today.getDate()),
				formatter: {
					date: function (date, settings) {
						return calendar_format_date(date);
					}
				}
			});

and in api also painfully ,

$('.ui.form').form({}).api({
				action: 'blah blah',
				method: 'POST',
				beforeSend: function(settings) {
					settings.data.from = calendar_format_date($('#from').calendar('get date'));
<snip>

In jqueryui, format is

$( ".selector" ).datepicker({
  dateFormat: "yy-mm-dd"
});

and get date is

var currentDate = $( ".selector" ).datepicker( "getDate" );

1. maxDate is also difficult. See maxDate in jqueryui,

$( ".selector" ).datepicker({
  maxDate: "+1m +1w"
});

1. I want to change year. think about you want to select +1 year after, you should click 12 times. Just for example, https://demo.mobiscroll.com/javascript/calendar/date-picker#

[lubber-de]

@Hokwang We will think about adding a very lightweight dateFormat functionality to accomplish this task. Stay tuned 🙂

[lubber-de]

@lubber-de Any news about dateFormat? 😃

Not yet done, still on the large todo list