0

このサイトの datetimepicker で問題が発生しました。

http://trentrichardson.com/examples/timepicker/

これはjsコードです：

var dates = $("#ArrivalStartDatepicker").datetimepicker({

defaultDate: "+lw",

dateFormat: 'dd-mm-yy',

changeMonth: true,

numberOfMonths: 2,

ampm: true,

stepMinute: 10,

minuteGrid: 10,

onSelect: function (selectedDate) {

// var option = this.id == "ArrivalStartDatepicker" ? "minDate" : "maxDate",

// instance = $(this).data("datetimepicker"),

document.getElementById("TotalLabel").value = $.datetimepicker.parseDate('yy-mm-dd', '2012-05-23');

// instance.settings.dateFormat ||

// $.datetimepicker._defaults.dateFormat,

// selectedDate, instance.settings);

// dates.not(this).datetimepicker("option", option, date);

// document.getElementById("TotalLabel").value = date;

}

});

これがdatetimepickerのhtmlコードです

<div class="txtTravel" id="DatetimePickerContainer1">
<input id="ArrivalStartDatetimepicker" type="text" name="datetimepicker" placeholder="dd-mm-yyyy hh:mm am"/>
</div>

これは、この .aspx サイトの先頭です

<%@ Page Title="GH" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="GH.aspx.cs" Inherits="GBCalc.GH" MaintainScrollPositionOnPostback="True"%>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link rel="stylesheet" type="text/css" href="Styles/timepicker.css" />
    <link href="Styles/base/jquery.ui.base.css" rel="stylesheet" type="text/css" />
    <link href="Styles/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
    <link href="Styles/base/jquery.ui.theme.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        div.txtGeneral{position: relative; left: 110px; top: 55px; margin-top: 1.5px;}
        div.lblGeneral{position:relative; left: -6px; top: 75px; margin: 1.5px; font-size: small;}
        div.txtJob{position: absolute; top: 92px; left: 520px; }
        div.lblJob{position: absolute; top: 92px; left: 370px; font-size: small;}
        div.txtTravel{position: relative; left: 200px; top: 70px;}
        div.lblTravel{position: relative; left: 0px; top: 90px; margin: 1.5px; font-size: small;}
        div.txtWork{position: relative; left: 250px; top: 0px;}
        div.lblWork{position: relative; left: 20px; top: 20px; margin: 1.5px; font-size: small;}
        div.lblMisc{position: relative; left: -5px; top: -1px; margin: 1.5px; font-size: small;}
        div.txtMisc{position: relative; left: 170px; top: -20px;}
    </style>
    <script src="Scripts/ui/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="Scripts/ui/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script>
    <script src="Scripts/ui/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
    <script src="Scripts/ui/molschaua.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

        <asp:DropDownList ID="SubsidiaryCalcDropDownList" runat="server" 
        ToolTip="Subsidiary maker of the Calculation">
        </asp:DropDownList>
        <br />
        <br /> 
    <div id="MyAccordion">

問題は、サイトを開くとdatetimepickerが表示されることですが、日付または時刻を選択するとすぐにfirebugが「$ .datetimepicker is undefined」というエラーをスローします

このエラーはこの行でスローされます " document.getElementById("TotalLabel").value = $.datetimepicker.parseDate('yy-mm-dd', '2012-05-23');"

datetimepicker で選択した値をコード ビハインド C# メソッドにパススルーしたいと考えていました。私の問題はどこですか？

必要なすべてのjsファイルをインポートしましたが、私の意見では、それらをインポートする方法が正しい順序でした。

挨拶

トビ

4

1 に答える 1

0

parseDateメソッドはプラグインからではなく、jquery ui からのものです。
に置き換え$.datetimepicker.parseDate(...)ます$.datepicker.parseDate(...):

document.getElementById("TotalLabel").value = $.datepicker.parseDate('yy-mm-dd', '2012-05-23');
于 2012-05-24T06:36:55.567 に答える