J'utilise jQuery UI pour la première fois, et je vais créer un contrôle datetimepicker pour un champ DOB.Où puis-je mettre ce code javascript?
Voici comment la vue semble:
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<StronglyTypedHelpers.Models.Person>" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
<script type="text/javascript">
$('#date').datepicker();
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h2>Index</h2>
<% using (Html.BeginForm()) {%>
<%: Html.ValidationSummary(true) %>
<fieldset>
<legend>Fields</legend>
<div class="editor-label">
<%: Html.LabelFor(model => model.Name) %>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(model => model.Name) %>
<%: Html.ValidationMessageFor(model => model.Name) %>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.Age) %>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(model => model.Age) %>
<%: Html.ValidationMessageFor(model => model.Age) %>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.DOB) %>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(model => model.DOB, String.Format("{0:g}", Model.DOB)) %>
<%: Html.ValidationMessageFor(model => model.DOB) %>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.Married) %>
</div>
<div class="editor-field">
<%: Html.CheckBoxFor(model => model.Married) %>
<%: Html.ValidationMessageFor(model => model.Married) %>
</div>
<p>
<input type="submit" value="Save" />
</p>
</fieldset>
<% } %>
<div>
<%: Html.ActionLink("Back to List", "Index") %>
</div>
</asp:Content>
Maintenant, la documentation de l'interface utilisateur indique d'utiliser ce code:
$('#date').datepicker();
Où dois-je mettre cela?
Voici le lien vers ce que je lis:
http://learn.jquery.com/jquery-ui/getting-started/
Cela a fonctionné. Merci! Aussi, pourquoi ai-je besoin d'utiliser la fonction .ready()? –
vous voulez que votre code datepicker soit exécuté sur un événement. par exemple un clic de bouton, ou ici, le chargement de la page. souvenez-vous du $ (document) .ready (function() {...}); code, car presque tout le code jQuery commence dans ce 'code' ce code indique simplement le script. quand la page (document) est chargée, (mais sautez les images de chargement lent etc., juste le HTML) ainsi quand le HTML de la page est chargé, exécutez cette fonction. alors le code dans cette fonction est exécuté comme votre datepicker. Voici comment vous faites jQuery :) vous allez l'aimer assez tôt;) charge d'exemples sur le site Web de jQuery. – Stefanvds