Combiner inline datepicker de jquery avec un champ de saisie?

Je sais que je peux utiliser $('div').datepicker() pour obtenir une ligne datepicker, mais comment puis-je montrer le datepicker fixe inline-dessous de son champ de saisie?

La alt champ option ne fonctionne pas pour moi parce que je veux le datepicker également réagir sur une date d'entrée dans le champ de saisie.

J'aurais besoin de quelque chose comme le pseudo-code suivant:

<inputfield type="text" id="d" >
<div id="z"></div>  
<script> $('#z').datepicker().bindToInputfield($('#d')) </script>

OriginalL'auteur jack | 2013-10-13

  1. 23

    Essayez ceci: de Travail démo http://jsfiddle.net/KRFCH/

    La altField option lien vers le deuxième champ que vous voulez! http://jqueryui.com/datepicker/#alt-field

    Maintenant remarque: tout changement dans l'entrée reflétera dans le datepicker sur change

    Cela doit s'adapter à votre cause :)

    Code

    $('#z').datepicker({
    inline: true,
    altField: '#d'
});

$('#d').change(function(){
    $('#z').datepicker('setDate', $(this).val());
});
    super! merci beaucoup!!
    Génial...fonctionne comme prévu....thnx

    OriginalL'auteur Tats_innit

  2. 8

    ce n'est pas possible d'obtenir le datepicker inline simplement en utilisant le champ de saisie . donc , utiliser à la fois la div champ et le champ de saisie pour obtenir ce que tu voulais.

    Et aussi le changement fait dans le champ de saisie sera également représenté dans le datepicker aussi

    CODE:

    <input type="text" id="text" />
<div id="mydiv"></div>
<script>
$('#mydiv').datepicker();

$('#text').change(function(){
    $('#mydiv').datepicker('setDate', $(this).val());
});
$('#mydiv').change(function(){
    $('#text').attr('value',$(this).val());
});
</script>

    découvrez le jsfiddle j'ai créé pour vous :

    http://jsfiddle.net/v9XCP/

    exactement ce dont j'ai besoin! merci!

    OriginalL'auteur Aditya Vikas Devarapalli