jQuery: Aktivieren / Deaktivieren von Datepicker

In meiner php-Datei, ich möchte das jQuery-Datepicker.

Wenn meine Datei geladen, erstelle ich den Datepicker deaktiviert.

Dann, wenn ein spezielles Feld, in meine php-Datei (es ist ein Formular) gefüllt ist, möchte ich Sie zum aktivieren der Datepicker.

Also, zunächst mein Datepicker sieht wie folgt aus:

$("#from").datepicker({
    showOn: "both",
    buttonImage: "calendar.gif",
    buttonImageOnly: true,
    buttonText: "Kalender",
    showAnim: "drop",
    dateFormat: "dd.mm.yy",
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    showWeek: true,
    firstDay: 1,
    dayNamesMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
    weekHeader: "KW",
    disabled: true,
    onClose: function(selectedDate) {
        $("#to").datepicker("option", "minDate", selectedDate);
    }
});

Das funktioniert gut, kein problem so weit. Das problem kommt, wenn ich wollen, deaktivieren Sie das Feld.

Wenn ein spezielles Feld gefüllt ist, rufe ich $("#from").datepicker('enable');

Diese funktioniert auch einwandfrei, ABER nun will ich deaktiviere Sie wieder, wenn Sie das spezielle Feld, das ich erwähnte es schon wieder leer.

Dann benutze ich $("#from").datepicker('disable'); - und das Feld ist ausgegraut, aber ich kann immer noch nutzen Sie das Feld Werte eingeben, der Kalender öffnet sich und auch die Kalender-Bild neben dem Feld ist anklickbar.

Jemand eine Idee, warum dies der Fall ist? Bin ich etwas fehlt?

InformationsquelleAutor der Frage A K | 2013-08-21

datepicker jquery

55

$("#from").datepicker('disable'); sollte funktionieren, aber man kann auch versuchen, diese:
```
$( "#from" ).datepicker( "option", "disabled", true );
```
InformationsquelleAutor der Antwort koala_dev
14

versuchen
```
$("#from").datepicker().datepicker('disable');
```
InformationsquelleAutor der Antwort Kanishka Panamaldeniya
12

Außerdem setzen Sie das Feld auf deaktiviert, wenn Sie deaktivieren das datePicker-e.g
```
$("input").prop('disabled', true);
```
Stoppen das Bild, das anklickbar Sie könnten Bindung die click-Ereignis auf, dass
```
$('img#<id or class ref>').unbind('click');
```
InformationsquelleAutor der Antwort Shaun Hare
4

Ich bin auch mit Diesem Fehler!

Dann ändere ich diese
```
$("#from").datepicker('disable');
```
zu Diesem
```
$("#from").datepicker("disable");
```
Fehler : single-und double-quotes..

Nun seine Arbeit gut für mich..

InformationsquelleAutor der Antwort sathya
4
```
$("#nicIssuedDate").prop('disabled', true);
```
Dies ist funktioniert zu 100% mit bootstrap-Datepicker -

InformationsquelleAutor der Antwort Chinthaka Dinadasa
3

verwenden Sie einfach den folgenden code
```
$("#from").datepicker({
 showOn: "off"
});
```
wird es nicht angezeigt, die Anzeige der datepicker

InformationsquelleAutor der Antwort Arzon Barua
1
```
$('#ElementID').unbind('focus');
```
Tat den trick für mich!!!!!

InformationsquelleAutor der Antwort ss_mj
1

Dies ist was für mich gearbeitet
```
$("#from").attr("disabled", true);
```
InformationsquelleAutor der Antwort Zagor Te Nej
1

Habe ich eine single-page-app in unserem Firmen-intranet, wo bestimmte Datum-Felder müssen blockiert werden, unter bestimmten Umständen. Diese Datumsfelder haben ein datepicker verbindlich.

Machen die Felder nur-lese-war nicht genug, um die Felder sperren, wie datepicker immer noch Triggern, wenn das Feld den Fokus erhält.

Deaktivieren Sie das Feld (oder deaktivieren datepicker) haben Nebenwirkungen, die mit serialize() oder serializeArray().

Eine der Optionen war die Bindung datepicker aus diesen Gebieten und Ihnen das "normale" Felder. Aber man einfachste Lösung ist, um das Feld (oder die Felder) nur-Lesen-und zu vermeiden, datepicker zu handeln, wenn Sie den Fokus erhalten.
```
$('#datefield').attr('readonly',true).datepicker("option", "showOn", "off");
```
InformationsquelleAutor der Antwort roetnig
0

Gut können Sie Sie entfernen, datepicker, indem Sie einfach entfernen hasDatepicker Klasse aus-Eingang.

Code
```
$( "#from" ).removeClass('hasDatepicker')
```
InformationsquelleAutor der Antwort Dipesh Parmar
0

Die meisten up-gestimmt-Lösung funktionierte nicht für mich. Ich habe Datumsauswahl mit standardmäßig deaktiviert, was gut funktioniert. Wenn es Zeit kommt, um Ihnen zu ermöglichen, in der Fenster.onload Funktion, wenn die $("#award_start_date").datepicker( 'aktivieren' ); syntax nicht aktivieren Sie die widgets. Ich war in der Lage, das Feld zu Bearbeiten, als wäre es ein text-Eingabefeld, aber nicht die Kalender-Auswahl.

Was funktioniert ist diese:
```
if (x[i].id == "award_start_date") {
  $("#award_start_date").datepicker( {enabled: true} );
}
if (x[i].id == "award_end_date") {
  $("#award_end_date").datepicker( {enabled: true} );
}
```
Kann es sein, dass diese einfach erstellt die datepickers, aber für meine Zwecke, das ist in Ordnung.

Dies ist mein zweiter Tag mit jQuery UI awesomeness, so dass ich möglicherweise fehlen einige der feineren Punkte...

InformationsquelleAutor der Antwort user2997577

Datepicker wird automatisch deaktiviert, wenn das input-text-Feld gemacht, deaktiviert oder readOnly:

$j("#" + CSS.escape("${status.expression}")).datepicker({
    showOn: "both",
    buttonImageOnly: true,
    buttonImage: "<c:url value="/static/js/jquery/1.12.1/images/calendar.gif"/>",
    dateFormat: "yymmdd",
    beforeShow: function(o, o2) {
    var ret = $j("#" + CSS.escape("${status.expression}")).prop("disabled")
        || $j("#" + CSS.escape("${status.expression}")).prop("readOnly");

    if (ret){
        return false;
    }

    return o2;
}
});

InformationsquelleAutor der Antwort alexandrubarbat

Dies funktioniert für mich am Umschalten aktivieren und deaktivieren der datepicker von JQuery:

if (condition) {
          $('#ElementID').datepicker(); //Enable datepicker                   
} else {
         //Disable datepicker without the ability to enter any character on text input
          $('#ElementID').datepicker('destroy');
          $('#ElementID').attr('readonly', true); }

Ich weiß nicht warum, aber wenn ich aktivieren/deaktivieren in datepicker-Optionen, es verhält sich nicht so wie es sein soll. Es funktioniert nur nach dem aktivieren und deaktivieren, aber wenn Sie es deaktivieren, es nicht wieder aktivieren, nachdem, damit der obige code funktioniert für mich vollkommen in Ordnung:

if (condition) {
      $('#ElementID').datepicker('enable'); //Enable datepicker                   
} else {
      //Disable datepicker but I cannot enable it again once it goes through this condition
      $('#ElementID').datepicker('disable');  }

InformationsquelleAutor der Antwort Willy David Jr

   $("#datepicker").datepicker({
     dateFormat:'dd/M/yy',
     minDate: 'now',
     changeMonth:true,
     changeYear:true,
     showOn: "focus",
    //buttonImage: "YourImage",
     buttonImageOnly: true, 
     yearRange: "-100:+0",  
  }); 

  $( "#datepicker" ).datepicker( "option", "disabled", true ); //missing ID selector

InformationsquelleAutor der Antwort Girish

0

Probieren Sie etwas wie dieses wird es Ihnen helfen,
```
$("#from").click(function () {
           $('#from').attr('readonly', true);
     });
```
Dank

InformationsquelleAutor der Antwort Narendra Solanki
-1

versuchen Sie dies :
```
$("#form").datetimepicker("disable");
```
InformationsquelleAutor der Antwort hoangpx
-1

Können Sie ersetzen Formularfeld mit der Kopie:

var copy = $('#from').clone(); $('#from').replaceWith(copy);

Und danach initialisieren datetimepicker wieder.

InformationsquelleAutor der Antwort andriy-baran

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.