Note that there are some explanatory texts on larger screens.

plurals
  1. POdatePicker jquery UI - not showing on normal load but loading on form post
    primarykey
    data
    text
    <p>I'm trying to put 2 datePickers jquery UI. The error: when I load the page, the datePickers are not showing. But if I post the form it will display them.</p> <p>Here is my code:</p> <pre><code>&lt;?php //... if ($_POST){ $dateFrom=getInput('dateFrom').' 00:00:00'; $dateTo=getInput('dateTo').' 23:59:59'; $defDate=explode('-',getInput('dateFrom')); $defDate=$defDate[1].'/'.$defDate[2].'/'.$defDate[0]; $employeeID=getInput('employeeID'); }else{ $dateFrom=date('Y-m-d',strtotime('-1 day')); $dateTo=date('Y-m-d').' 23:59:59'; $defDate=date('m/d/Y',strtotime('-1 day')); $employeeID=0; } //================================== calendar widget ================================== echo '&lt;script type="text/javascript"&gt;$(function() {'; echo ' $( "#datepicker1" ).datepicker( "option", "dateFormat", "yy-mm-dd" ); $( "#datepicker1" ).datepicker({ showWeek: true, firstDay: 0, changeMonth: true, defaultDate: "'.$defDate.'", changeYear: true,'; echo " altField: '#datepickera',altFormat: 'yy-mm-dd'});"; echo ' $( "#datepicker2" ).datepicker( "option", "dateFormat", "yy-mm-dd" ); $( "#datepicker2" ).datepicker({ showWeek: true, firstDay: 0, changeMonth: true, changeYear: true,'; echo " altField: '#datepickerb',altFormat: 'yy-mm-dd'});"; echo '});'; echo '&lt;/script&gt;'; echo '&lt;form action="" method="post"&gt;'; echo '&lt;table&gt;'; echo '&lt;tr&gt;&lt;td width="250"&gt;From Date&lt;input type="text" id="datepickera" name="dateFrom" value="" /&gt;&lt;br /&gt;&lt;div id="datepicker1"&gt;&lt;/div&gt;&lt;/td&gt;'; echo '&lt;td width="250"&gt;To Date&lt;input type="text" id="datepickerb" name="dateTo" value="" /&gt;&lt;br /&gt;&lt;div id="datepicker2"&gt;&lt;/div&gt;&lt;/td&gt;'; echo '&lt;td&gt;'. __('Choose Employee','j-v3').':&lt;br /&gt;&lt;select name="employeeID" /&gt;&lt;option value="0"&gt;--- All Employees ---&lt;/option&gt;'; echo '&lt;/select&gt; &lt;input type="submit" value="Get Data" /&gt;&lt;/td&gt;'; echo '&lt;/tr&gt;'; echo '&lt;/table&gt;'; echo '&lt;/form&gt;'; //... ?&gt; </code></pre> <p>I'm using jquery 1.6.2 &amp; jquery-ui 1.8.15</p> <p>Help please. How to always show the datePickers?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload