MVC 2; Utiliser un outil de sélection de date pour entrer une date dans une grille

Question

Est-ce que quelqu'un a assigné avec succès une datepicker à un champ de date répété dans une grille? Sûrement quelqu'un l'a déjà fait? Je trouve que le problème est que l'ID de chaque champ d'une rangée est répété dans la rangée suivante. Donc quand j'attribue une date sur la 4ème rangée, je mets à jour le même champ dans la première rangée parce que leur ID est la même.

Answer 1

Vous pouvez le faire comme ça ... Je viens de mettre sur mon Modifier Vue:

<%: Html.TextBox("", String.Format("{0:dd. MMMM yyyy}", Model), new { @id = "datePicker" })%> 

Via new { @id = "something" } vous pouvez contrôler le code HTML généré par la méthode d'aide. Cette fois, je voulais que l'ID soit datePicker afin que jQuery puisse être déclenché en conséquence.

---

Et c'est le jQuery magique:

<link type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/jquery.ui.all.css" 
rel="stylesheet" /> 
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/jquery-1.4.2.js"></script> 
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.ui.core.js"></script> 
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.ui.widget.js"></script> 
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.ui.datepicker.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#datePicker').datepicker({ 
      altField: '#datePicker', 
      changeYear: true, 
      changeMonth: true, 
      altFormat: 'dd. MM yy', 
      yearRange: '1900:2010' 
     }); 
    }); 

Vérifiez this pour d'autres paramètres de configuration jQuery datepicker.