Effacer la valeur dans un champ datetimepicker

Je suis sûr que c'est simple et c'est ma compréhension de jquery/javascript qui me retient - mais je ne peux pas obtenir que cela fonctionne.

Tout ce que j'ai à faire - est - Quand un bouton sur l'écran est cliqué, parfois claire le champ de saisie sur le formulaire de retour à leurs valeurs d'origine.

Cela fonctionne bien, pour tous les domaines, sauf un datetimepicker champ.

Voici les bouts de code, qui définit le champ de saisie :

<div class='form-group' id='START_DATEFormGroup'>    
<label for='START_DATE' class='col-sm-2 control-label' data-toggle='tooltip' data-placement='top' title=''>Start Date</label>
<div class='col-sm-8'>
<div class='input-group date form_date col-sm-3'  data-date-format='dd M yyyy' data-link-field='START_DATE' data-link-format='yyyy-mm-dd'>
<input class='form-control' size='16' type='text'  />
<input type='hidden' id='START_DATE' name='START_DATE' />
<span class='input-group-addon'>
<span class='glyphicon glyphicon-calendar'>
</span> //group-addon
</span> //calendar
</div> //form_date
</div> //col-sm-8
</div> //form-group

Je suis initialisation datetimepicker comme suit :

function enableDatepicker(){
    $( document ).ready(function() { 
         $('.form_date').datetimepicker({
            format: 'dd M yyyy',
            minView: 2,
            autoclose: 1,
            })
    });
}

Pour effacer les champs de saisie en bas de j'ai :

function clearActionForm(){
     //code here to clear the various input fields to null or their initial values.
     //Need statements to clear the datetimepicker field to null.

}

Donc, quelqu'un peut-il me donner la /les ligne(s) de code que j'ai besoin d'insérer dans clearActionForm() pour vider le DATE_DEBUT champ null.

Grâce.

serait $('#START_DATE').val('') travail?
ah! - Si je " de la console.log(startDate.valeur)' AVANT de m'exécuter cette ligne de code - je obtenir la date de retour que je vois sur l'écran. Quand j'ai de la console.journal APRÈS cette ligne de code, j'obtiens une chaîne nulle. Donc cette ligne de code a travaillé toutefois, il n'est pas modifié la valeur affichée sur l'écran de l'utilisateur. Ai-je besoin de faire une étape supplémentaire pour obtenir le navigateur pour mettre à jour la valeur affichée ?
$('.form_date').datetimepicker('update',''); N'a aucun effet $('.form_date').datetimepicker('update','2015-01-01'); fixe la date visible sur l'écran pour le 1er janvier 2015. POURQUOI n'est pas le premier travail aarrggh
En fin de compte. J'ai donné avec datetimepicker - comme je ne pouvais pas la ramener à la valeur null. Et n'utilisez pas le "temps" dans cette instance. J'ai donc passé à datepicker et la présente déclaration de travaux : $('.form_date').datepicker('update','');

OriginalL'auteur RagD | 2015-08-21

5

utiliser cette ligne $('.form_date').data("DateTimePicker").clear()

Démo

Cette ligne donne l'erreur suivante dans la Console Web : TypeError: $(...).de données(...) n'est pas défini, je suis de compensation à faire quelque chose de très mal - aucune de ces propositions sont de travailler pour moi. (Si je peux poser une question suplementaire ) Mes connaissances de JQuery est limité - je obtenir $('.form_date') est fondamentalement la sélection de tous les éléments ayant la classe form_date. Je soupçonne clear() est une fonction pour effacer l'élément qu'il est appliqué - mais ce n' "("DateTimePicker')?
assurez-vous d'utiliser la même JS version que j'ai utilisé dans le violon. et ne le violon que je pense avoir fourni répond à vos besoins ? @RagD
veuillez mettre à jour.. jsfiddle.net/SantoshPandu/B4BzK/465

OriginalL'auteur J Santosh
1

En supposant que vous utilisez le datetimepicker plugin de xdsoft.net/jqplugins/datetimepicker, un moyen rapide pour effacer le datetimepicker valeur actuelle serait la suivante:
```
$('.form_date').val('');
```
Comme une alternative (ce qui définit la valeur de la datetimepicker à l'heure actuelle):
```
$('.form_date').datetimepicker({
  value: (new Date()).toLocaleString()
});
```
Cette valeur ne correspond pas au format de la datetimepicker, mais seront convertis dans le format correct automatiquement lorsque le datetimepicker est utilisé.

Je suis en utilisant bootstrap datetimepicker : eonasdan.github.io/bootstrap-datetimepicker/Installation j'ai essayé ces deux options, et ne semblent fonctionner pour moi. Je vois pas d'erreur, d'avertissement ou - rien. C'est en faisant ma tête. 🙂

OriginalL'auteur Pi Programs

Si vous utilisez le eonasdan datetimepicker utiliser les éléments suivants:

//clears
$j(".form_date").data("DateTimePicker").setDate(null);

//updates to now
$j(".form_date").data("DateTimePicker").setDate(new Date());

//or update to a given date
var myCoolDate = "05/27/1975";
$j(".form_date").data("DateTimePicker").setDate(myCoolDate);

setDate n'existe pas en tant que fonction.

OriginalL'auteur tibc-dev

0

Moyen facile de repos à la date choisie ainsi que mis en évidence la date en dessous de concept
```
$('#txtWQApprovalDate').datepicker('setDate', null).datepicker('fill');
```
Vous faites allusion à la mauvaise api. C'est datepicker, pas datetimepicker

OriginalL'auteur SantoshK

Vous devez vous connecter pour publier un commentaire.