0
votes

Cliquez sur DatePicker JQuery

J'utilise JQuery DatePicker et je souhaite capturer l'événement de clic lorsque la journée a été sélectionnée, est-ce possible, comment puis-je faire?

Le code HTML: xxx

le code jQuery: xxx

Suivez le code ici

Merci tout

javascript jquery datepicker

0 commentaires

3 Réponses :

1
votes

Essayez comme ça xxx

2 commentaires

Voici la démo jsfiddle.net/tcahv4o6/10

Merci @santh, ça m'a aidé!

1
votes

Vous pouvez simplement utiliser ONSELLECT fonction DatePicker code> et montrez la date sélectionnée dans votre exemplation de .html ()

Le texte sera Changer code> dès que vous modifiez la date code> code> à partir de votre datePicker code>. p>

Démo en direct: strong> P >

p>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" integrity="sha512-cViKBZswH231Ui53apFnPzem4pvG8mlCDrSyZskDE9OK2gyUd/L08e1AC0wjJodXYZ1wmXEuNimN1d3MWG7jaQ==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.min.css" integrity="sha512-YqF4f2cbm2jH7sEEu/iDJFjSQ/qUSzoiQIK2OQ3OFTsQQE5dxoCTYz1wZrTMv8ES8NYqOB5ChZU8jQdMaEv/yg==" crossorigin="anonymous" />Date From : <input type="text" name="datefrom" id="inputdate2" required>

<p id='someText'>
  <!-- I want to set the date here after it was clicked -->
</p>

2 commentaires

Merci@aways, ça m'a aidé!

@RXSD Bonjour, je ne sais pas ce qui n'allait pas avec ma réponse. Vous avez accepté d'abord et non accepté aujourd'hui - cela fonctionne exactement comme vous le souhaitez?

0
votes

Oui, c'est possible. Découvrez simplement l'exemple suivant avec Evénements:

$("#inputdate2").datepicker("destroy");
$("#inputdate2").datepicker({
dayNamesMin: ["S", "M", "T", "W", "T", "F", "S"],
beforeShowDay: function (d) {
  var date = $.datepicker.formatDate("mm/dd/yy", d);
  var c = dates.length;
  var colorclass = "";
  for (var i = 0; i < c; i++) {
    if (date == dates[i].Date) {
      colorclass += " " + dates[i].Color;
    }
  }
  return [true, colorclass];
},
defaultDate: sDate ? sDate : moment().format("MM/DD/YYYY"),
onSelect: function (selectedDate) {
  showLoader();
  // Do stuff on date select
},
afterShow: function () {
  afterCalenderShow();
}});

0 commentaires