0

こんにちは、私のアプリケーションでは、FullCalendar.jsとanytime.jsを使用する必要があるため 、「2013 年 4 月 2 日火曜日 00:00:00 05:30 (IST)」のような同じ両方の形式を作成するにはどうすればよいですか? データを取得するにはどうすればよいですか (イベント名、開始時間、終了時間) 開始時間と終了時間でそれぞれ表示されるデータベースから、特定の日時で各日/週にイベントが行われる場合、どのようにフルカレンダーで表示できますか?データベースをください 友達が助けてくれます

完全なカレンダー コード:

<script type='text/javascript'>

    $(document).ready(function() {  
            var count=0;
        /* initialize the calendar
        -----------------------------------------------------------------*/
        $('#calendar').fullCalendar({
                        axisFormat:'HH:mm',
            header: {

                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
                 viewDisplay: function(view) {
                            if(view.name=="month" && count==0){
                                    var a=$(".fc-day-number").prepend("<img src='/assets/images/add.jpg' width='20' height='20'style='margin-right:80px;' name='date'>");                                    
                                    count++;
                                }
                            if(view.name=="agendaDay" || view.name=="agendaWeek"){
                                $("#popup").hide();
                                count++;
                            }

                        },
                    slotMinutes:5,
            editable: true,
            droppable: true, // this allows things to be dropped onto the calendar !!!
                        timeFormat: 'H(:mm)',
                        events:"<?php echo base_url();?>data/read",
                        eventClick : function (calEvent, jsEvent, view){
                console.log(calEvent);                                
            },
            dayClick : function (date, allDay, jsEvent, view){
                console.log(jsEvent);   
                                        alert(date);
                                        $("#popup").show();
                                       $("#popup").css({left : jsEvent.clientX, top : jsEvent.clientY});
                                       var getdata = $.getJSON( "data", function() {
                                        console.log( "success" );
})
            }


    });

});
</script>

anyTime.js コード:

  <script>
        $('#startTime').focus(
                function(e) {

                        $('#startTime').AnyTime_picker({format:"%a %b %d %Y %h:%i"}).focus();
                        e.preventDefault();
                    });               
        $('#endTime').focus(
                function(e) {
                    $('#endTime').AnyTime_picker({format:"%a %b %d %Y %T"}).focus();
                    e.preventDefault();
                }); 
                $(function(){

                    $(".k-button").click(function(){
                        var eventName=$("#eventName").val();
                        var startTime=$("#startTime").val();
                        var endTime=$("#endTime").val();
                        var dataString={};
                        dataString['eventName']=eventName;
                        dataString['startTime']=startTime;
                        dataString['endTime']=endTime;
                    if(eventName==""||startTime==""||endTime==""||startTime>endTime)
                        {
                            alert("Please Data Enter Properly");
                        }

                        else
                        {
                            $.ajax({
                                    type : 'POST',
                                    dataType : 'json',
                                    url : '<?php echo base_url();?>data/insert',
                                    data: dataString,
                                    cache:false,
                                    success: function(data) {
                                            if(rsp.success)
                                                alert("Data Insert SuccessFully");
                                    }
                             });
                         }
                   });
                                       });
                             </script>

HTML コード:

<div id="popup"> 
    <form name="addData" id="addData" action="" method="post">
        <table>
            <tr>
                <td><lable for="eventName">Description:</lable></td>
                <td><input name="eventName" id="eventName"></td>
            </tr>
            <tr>
                <td><lable for="startTime">Start: </td>
                <td><input type="text" id="startTime"name="startTime"/></td>
            </tr>
            <tr>
                <td><lable for="endTime">End: </td>
                <td><input type="text" id="endTime"name="endTime"/></td>
            </tr>
            <tr>
                <td align="left"colspan="2">
                    <button type="submit"class="k-button" name="submit" id="submit">Submit</button>
                    <button type="reset" name="reset" class="k-button" id="reset">Reset</button>
                </td>
            </tr>
        </table>
    </form>
4

1 に答える 1

0

あなたの質問を正しく理解しているかどうかわかりません。また、fullCalendar の使い方もわかりません。ただし、日付フィールドにカレンダーの値を入力する方法を尋ねていると思います。そうであれば、 AnyTime.Converter を使用して値をフォーマットできます。dayClickこのコードをハンドラーに入れたいと思うでしょう：

var conv = new AnyTime.Converter({format:"%a %b %d %Y %h:%i"});
$('#startTime').val( conv.format( date ) );

使用するフォーマット指定子は、ピッカーとコンバーターで同じでなければならないことに注意してください。

また、コードの形式は、質問で言及した形式と一致しません (タイム ゾーン指定子は含まれません)。質問に一致する形式は次のとおりです。

"%a %b %d %Y %T %: (%@)"

この例では、%@を単純に " " にするには、次のようにタイム ゾーン ラベルに " "ISTのみが表示されるようにする必要があります。IST

AnyTime.utcLabel[330]=['IST'];

日付/時刻をデータベースに保存するコードでは、同じ AnyTime.Converter を使用して、フィールドの値を解析して JS Date オブジェクトに戻すことができます。例えば：

var newDate = conv.parse( $('#startTime').val() );

この回答で問題が完全に解決されるわけではないと思いますが、正しい方向に向けられることを願っています。

于 2013-04-03T14:55:35.877 に答える