datepicker minDate insieme a beforeShowDay

**jet** · 06-05-2015, 15:09

Il tuo codice non eslude lunedì e domeniche.
Con il seguente, domeniche e lunedì 0k, ma disabilita solo il primo giorno dell'elenco.

codice:

$(window).load(function(){
var unavailableDates = ["2/6/2015", "15/8/2015", "25/12/2015", "26/12/2015"];
function unavailable(date) {
    dmy = date.getDate() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear();
    if ($.inArray(dmy, unavailableDates) == 0) {
        return [false, "", "Unavailable"];
    } else {
        return disabledays(date);
    }
}
function disabledays(date) {
    var day = date.getDay();
    return [(day != 0 && day != 1)];

}
$("#data").datepicker({
     showButtonPanel: true,
   showOn: "button",
   buttonImage: "../images/calendar_rosso.gif",
   buttonImageOnly: true,
   buttonText: "Seleziona una data",
   altField: "#giorno",
   altFormat: "DD",
   changeMonth: true,
   changeYear: true,
         // minDate: new Date(), 
   minDate: 1,
            dayNames:['Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdì','Sabato'],
    beforeShowDay: unavailable
})
$(".ui-datepicker-trigger").css("margin-bottom","-17px");
});

**jet** · 06-05-2015, 15:20

L'errore era qui.

d.getDay() > -1

dev'essere

d.getDay() > 1

**KillerWorm** · 06-05-2015, 22:21

Originariamente inviata da jet

L'errore era qui.

d.getDay() > -1

dev'essere

d.getDay() > 1

Sì, lo avevo messo per vedere se eri attento

... scherzo, tra varie prove e riprove avevo impostato così la condizione per disabilitarla momentaneamente in modo da poter testare e valutare altre condizioni... devo averla dimenticata lì.
Posto il codice corretto (anche se non serve):

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script type="text/javascript">
   
      var dateEscluse = ["2/6","24/8","30/9","1/1/2016"];           // puoi usare "G/M" oppure "G/M/AAAA"
     
      $(function(){
        $("#data").datepicker({
            minDate: new Date()
          , beforeShowDay: function(d){
              var g=d.getDate(),m=(d.getMonth()+1),a=d.getFullYear();
              return (
                      d.getDay() > 1                                // escludo domeniche e lunedì
                  &&  dateEscluse.indexOf(g+"/"+m) == -1            // escludo date fisse ricorrenti annualmente ("G/M")
                  &&  dateEscluse.indexOf(g+"/"+m+"/"+a) == -1      // escludo date per specifici anni ("G/M/AAAA")
                )
                  ? [true,"","Aperto"]
                  : [false,"","Chiuso"];
            }
        })
      })
    </script>
  </head>
  <body>

**jet** · 07-05-2015, 11:44

Come si cattura il valore della casella di testo "giorno"?
Nel giorno di Mercoledì una select deve avere disabilitati delle option.

**jet** · 11-05-2015, 14:18

Originariamente inviata da jet

Come si cattura il valore della casella di testo "giorno"?
Nel giorno di Mercoledì una select deve avere disabilitati delle option.

codice:

            dayNames:['Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdì','Sabato'],
   onSelect: function test(value) {
 if (document.getElementById('giorno').value == 'Mercoledì') {
  document.getElementById('orario').options[2].disabled = true;
  document.getElementById('orario').options[3].disabled = true;
  } else {
  document.getElementById('orario').options[2].disabled = false;
  document.getElementById('orario').options[3].disabled = false;
 }
},
    beforeShowDay: function(d){
              var g=d.getDate(),m=(d.getMonth()+1),a=d.getFullYear();
              return (d.getDay() > 1      // escludo domeniche e lunedì
                  &&  dateEscluse.indexOf(g+"/"+m) == -1         // escludo date fisse ricorrenti annualmente ("G/M")
                  &&  dateEscluse.indexOf(g+"/"+m+"/"+a) == -1   // escludo date per specifici anni ("G/M/AAAA")
                )
                  ? [true,"","Aperto"]
                  : [false,"","Chiuso"];
            }
        })
$(".ui-datepicker-trigger").css("margin-bottom","-17px"); 
      })

e nella select

codice:

onChange="test(this.value)"

Non ottengo errori, ma non va.
Ma si può fare?

**jet** · 18-05-2015, 15:19

Ho risolto innanzitutto passando a datetimepicker, in modo da ottenere data e ora insieme e lì ho adattato l'ora.
Avevo quindi il problema di ottenere il nome del giorno nell'input text.

codice:

var mioGiorno = function( currentDateTime ){
 if (currentDateTime.getDay() == '2') {
  document.getElementById('giorno').value = 'Martedi';
 }
 if (currentDateTime.getDay() == '3') {
  document.getElementById('giorno').value = 'Mercoledi';
 }
 if (currentDateTime.getDay() == '4') {
  document.getElementById('giorno').value = 'Giovedi';
 }
 if (currentDateTime.getDay() == '5') {
  document.getElementById('giorno').value = 'Venerdi';
 }
 if (currentDateTime.getDay() == '6') {
  document.getElementById('giorno').value = 'Sabato';
 }
  // 'this' is jquery object datetimepicker
  if( currentDateTime.getDay()==3 ){
    this.setOptions({
      minTime:'13:15',
      maxTime:'18:15',
    });
  }else
    this.setOptions({
      minTime:'9:15',
      maxTime:'18:15',
    });
  if(( currentDateTime.getDay()==0 || currentDateTime.getDay()==1 )){
    this.setOptions({
      minTime:'0:00',
      maxTime:'0:00',
    });
};
};
            var dateEscluse = ["1/1","2/1","2/6","25/4","1/5","2/6","15/8","1/11","8/12","25/12","26/12","1/1/2016","2/1/2016","3/1/2016","4/1/2016"];           // puoi usare "G/M" oppure "G/M/AAAA"
            $(function(){
   $("#data").datetimepicker({
      onChangeDateTime:mioGiorno,
      onShow:mioGiorno,
........

Discussione: datepicker minDate insieme a beforeShowDay

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio