How to show the text box as null with aui datepicker in liferay 6.1

[11年前 に Kiran Kumar Boyini によって更新されました。]

Hi All,

I am using the aui date picker for aui: input .It is working fine.But I do nt want to show nothing in input field before user selection,
but it is showing today date defaultly.

See the code below:

AUI().use('aui-datepicker', function(A) {

			       var simpleDatepicker1 = new A.DatePicker({
			
			         trigger: '#<portlet:namespace />fromDate',
			         calendar: {
			 		 dateFormat: '%d-%m-%Y'}
 	
      		 	}).render('##<portlet:namespace />/&gt;fromDate');

Regards,

Kiran.

[11年前 に Aldi Tirane によって更新されました。]

Hello to everyone.

Does any one have a solution for this issue?

Thanks.

[11年前 に Murali Karteek によって更新されました。]

Hi kiran Kumar Bovini & ALdi Tirane,

Use < Liferay-ui-date ......../> tag so that you can have null values

<liferay-ui:input-date monthParam="endDateMonth" monthValue="<%= -1 %>" dayParam="endtDateDay" dayValue="<%= 0 %>" yearParam="endDateYear" yearValue="<%=0 %>" yearRangeStart="<%= today.get(Calendar.YEAR) - 5 %>" yearRangeEnd="<%= today.get(Calendar.YEAR) + 5 %>" firstDayOfWeek="<%= today.getFirstDayOfWeek() - 1 %>" dayNullable="<%= true %>" monthNullable="<%= true %>" yearNullable="<%= true %>" disabled="<%= false %>" />

Thanks & regards,
Karteek

[11年前 に Aldi Tirane によって更新されました。]

My solution. I added the row:

document.<portlet:namespace />fm.<portlet:namespace />startDate.value = "";

after initialize the calendar form. So now the code look like:

<span class="aui-datepicker" id="#<portlet:namespace />startDatePicker">
		<input type="text" name="<%=NjoftimePerKreditoretDisplayTerms.BEGIN_DATE_SEARCH %>" id="<portlet:namespace />startDate" size="62" value="<%=" none"%>"/&gt;
</span>
							
<aui:script>
							 
		AUI().use('aui-datepicker', function(A) {
									
		     var simpleDatepicker1 = new A.DatePicker({
		
		     trigger: '#<portlet:namespace />startDate',
									 
		 }).render('##<portlet:namespace />startDatePicker');
								
		document.<portlet:namespace />fm.<portlet:namespace />startDate.value = "";
									
		});
</aui:script>

[11年前 に Tejas patel によって更新されました。]

Hi kiran,
you can use as below so it display no value in text field.

AUI().use('aui-datepicker', function(A) {
 
                    var simpleDatepicker1 = new A.DatePicker({
             
                      trigger: '#<portlet:namespace />fromDate',
                      calendar: {
                       dateFormat: '%d-%m-%Y'}
      
                   }).render('##<portlet:namespace />/&gt;fromDate');
				   
				   A.one('#<portlet:namespace />fromDate').val('');

[10年前 に nicola Baiocco によって更新されました。]

Another way could be:

AUI().use('aui-datepicker', function(A) {
  var simpleDatepicker1 = new A.DatePicker({
      trigger: '#<portlet:namespace />fromDate',
      calendar: {
          dateFormat: '%d-%m-%Y'
      }
 }).render('##<portlet:namespace />/&gt;fromDate');
//clear input val
A.one('#<portlet:namespace />fromDate').val('');
//clear calendar from default value
simpleDatepicker1.calendar.clear();