Necesito tener un elemento de clic para editar en una página, que a su vez invocará una instancia de jQuery UI Datepicker.Jeditable con jQuery UI Datepicker
Actualmente, estoy usando JEditable para proporcionar la edición in situ, que está funcionando bien. Sin embargo, tengo una entrada de control de fecha que me gustaría que aparezca como un calendario, que es donde comienza la diversión.
he encontrado un comentario en el presente blog de Calle Kabo (la página es un poco de puré por desgracia) que detalla una forma de hacerlo:
$.editable.addInputType("datepicker", {
element: function(settings, original) {
var input = $("<input type=\"text\" name=\"value\" />");
$(this).append(input);
return(input);
},
plugin: function(settings, original) {
var form = this;
$("input", this).filter(":text").datepicker({
onSelect: function(dateText) { $(this).hide(); $(form).trigger("submit"); }
});
}
});
Sin embargo, no puedo conseguir lo anterior para trabajar, sin errores, pero sin efecto tampoco. Intenté ubicarlo dentro de la función de documento jQuery listo y también fuera de él, sin alegría.
Mi UI clase Datepicker es selector de fecha y mi clase Jeditable es ajaxedit, estoy seguro de que la inacción anterior se debe a la necesidad de hacer referencia a ellos de alguna manera en el código, pero no sé cómo. Además, el control Jeditable es uno de los muchos identificadores de elementos, si eso tiene una incidencia.
¿Alguna idea de los más informados?
¿Puedes poner algún código de ejemplo en línea? –
También puede usar esta [extensión datetimepicker] (http://trentrichardson.com/examples/timepicker/) si necesita tiempo en su datepicker (simplemente reemplace el 'datepicker' con 'datetimepicker'). – stask