Tag: datepicker

Habilitar solo fechas deseadas en calendario datepicker

estoy implementando un calendario datepicker para un proyecto de un sistema de turnos de profesionales, dicho profesional tiene una tabla donde se le configura la agenda, que cuanta con los campo Id, fecha_ini, fecha_fin, hora_ini, hora_fin, intervalo, dia (lunes, martes,miercoles, etc) que logro con esto generar un array de los dias, fechas que el profesional tendria agenda habilitada para poder cargarle turnos, el array me lo genera el codigo PHp desde mysql, lo que no logro hacer es cuando realizo la peticion de un profesional me mustre en un datepicker esa “agenda” osea los dias habilitados para asignar turno en el calendario, y que los demas por supuesto me los desabilite.

Gracias.

EXTRAER FECHAS DESDE MYSQL Y BLOQUEARLAS EN DATEPICKER JQUERY / PHP

Buenas tardes estoy tratando de hacer un pequeño sistema de reservas para mi universidad, la cuestión es que tengo una tabla en MySql donde se guardan fecha, (check in) del datepicker1 y la fecha de salida (check_out) del datepicker2, lo que no me cruje es como hacer el código PHP para que se conecte a la tabla y bloquee las fechas en el datepicker si es que esta ingresada en la tabla:

mi tabla esta con estos datos:

CHECK_IN    CHECK_OUT 2019-10-01	2019-10-02 2019-10-03	2019-10-06

como podemos ver en la tabla se encuentran datos desde el 01-10 al 06-10 la idea es que en datepicker se des-habilite ese rango de fechas,

Adjunto mi código de datepicker:

 <script  type="text/javascript">   	$  (document).ready(function () {      var minDate= new Date();      $  ("#depart").datepicker({         showAnim: 'drop',         numberOfMonth: 1,         minDate: minDate,         dateFormat: 'dd-mm-yy',         onClose: function (selectedDate) {             $  ("#return").datepicker("option", "minDate", selectedDate);         }     });      $  ("#return").datepicker({         showAnim: 'drop',         numberOfMonth: 1,         minDate: minDate,         dateFormat: 'dd-mm-yy',         onClose: function (selectedDate) {             $  ("#depart").datepicker("option", "maxDate", selectedDate);         }      });     });    	$  .datepicker.regional['es'] = { 		closeText: 'Cerrar', 		prevText: '< Ant', 		nextText: 'Sig >', 		currentText: 'Hoy', 		monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'], 		monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'], 		dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'], 		dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'], 		dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'], 		weekHeader: 'Sm', 		dateFormat: 'dd/mm/yy', 		firstDay: 1, 		isRTL: false, 		showMonthAfterYear: false, 		yearSuffix: '' 		}; 		$  .datepicker.setDefaults($  .datepicker.regional['es']); 		$  (function () { 		$  ("#fecha").datepicker();		   		$  ("#depart").on("change", function(){ 				 	$  ("#return").prop( "disabled", false ); 				});   		});     </script>

Mi HTML:

<div>                                  	<label>Check IN</label> 	<input type="text" id="depart" name="fecha" class="contact_input"> </div>  <div> 	<label>Check OUT</label> 	<input type="text" id="return" name="fechad" disabled="" class="contact_input"> </div>

How to validate date in datepicker with jquery (no with validation column)

I have two datepickers in the same list but each have a diffent validation rule (in configuration of column) and the user can choice set date one or other in the form (but not required set both datepickers).

I possible set rules of datepicker validation with jquery? have example?

Example set Datepicker 1 rules to choice only sundays set Datepicker 2 rules to choice only weekdays

Magento 2 When Add Date-picker On Frontend Custom Form

When i try to add date-picker on custom frontend form then give some

Uncaught TypeError: Cannot read property ‘call’ of undefined at HTMLInputElement.$ .datepicker._showDatepicker (calendar.js:549) at HTMLInputElement.dispatch (jquery.js:5226) at HTMLInputElement.elemData.handle

I try following code 

 <input type="text" name="datepicker" id="datepicker" value="" class="datepicker"> <script>     require(["jquery", "mage/calendar"], function($  ){         $  ("#datepicker").datepicker({             showMonthAfterYear: false,             dateFormat:'mm/dd/yy',             changeMonth: true,             changeYear: true,             yearRange: '2000:2020',         })     }); </script>

SharePoint 2013 Jquery Show/Hide Fields based on DatePicker value

In a SharePoint edit form, I know that you can show/hide fields based on a drop down field value (SPUtility Show Hide Field Based on Value from another field Custom Form) but I wanted to show/hide based on whether a datepicker has a value.

I have the following fields “Work Start Date” and “Work End Date”. I want to hide Work End Date if Work Start Date is empty/null

I tried using == null and == “” and even > “1/1/1900” but the jquery does not seem to recognize the value in the Work Start Date field. I also tried an alert just to see if it was reading the value and the alert didn’t generate.

Here is my code (using Jqyuery 3.1.1 and sputility):

//Does not show work end date when work start date is not null $  (document).ready(function()  {if ($  ("select[title='Work Start Date']").val() == null)  {  $  ('nobr:contains("Work End Date")').closest('tr').hide();  }  else   {  $  ('nobr:contains("Work End Date")').closest('tr').show();  } });

Alternately, I tried using a calculated field called “Status” with a value of “Not Started” to hide the Work End Date field. This also did not work. I can get the fields to hide or show but not to conditionally show/hide. Any Advise you can provide would be very helpful. My company does not allow InfoPath or SharePoint Designer.

Can i customise the time shown in the datepicker?

I have a scenario where users are to book sessions with date and time. I added a date picker. I validated the date to be only Fridays. I need the time to be customized such as only some time are shown e.g. 2:30 or 3:30 or 4:30. If I can customize it in such a way I can enforce unique values.

If not, I have created 2 columns and time as a drop-down choice. But how can I enforce 2 columns to be a unique value?

Kindly advise, I am open to suggestions