勤務スケジュールの取得方法

のTextBox1：ビュー選択した日付ピッカー週数Iは、日付ピッカーと3つのテキストボックスに簡単なHTMLページを作りたいです。
Textbox2：選択されたビューを表示します。DatePicker day name。
Textbox3：私がその日に仕事をするか、私がオフになっている場合、選択したDatePickerを表示します。

Textbox3には14の異なるケースがあります。次のコードは動作しません。誰かがそれを調べて、私が間違っていることを教えてもらえますか？あなたが入力ボックスを埋めるためにval()を使用する必要が

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>jQuery UI Datepicker - Format date</title> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<script type="text/javascript" src="/scripts/jquery.ui.datepicker-it.js"></script> 
 

 
<script> 
 
$(function() { 
 
    var weekStart = new Date(2017, 1, 27); 
 
    var roster = ['work', 'off', 'off', 'work', 'work', 'work', 'work', 
 
    \t 'off', 'work', 'work', 'work', 'off', 'off', 'work']; 
 
    $('#date').datepicker({minDate: weekStart, onSelect: function(dateStr) { 
 
    var date = $(this).datepicker('getDate'); 
 
    var days = Math.floor((date.getTime() - weekStart.getTime())/(24 * 60 * 60 * 1000)); 
 
    var week = Math.floor(days/7) % 2; 
 
    $('#week').text(week + 1); 
 
    $('#day').text($.datepicker.formatDate('DD', date)); 
 
    $('#work').text(roster[week * 7 + date.getDay() - 1]); 
 
    }}); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
    
 
<p>Date: <input type="text" id="date"></p> 
 
<p>Day: <input type="text" id="day"></p> 
 
<p>week: <input type="text" id="week"></p> 
 
<p>work: <input type="text" id="work"></p> 
 

 
</body> 
 
</html>

出典

2017-03-11 majed

機能していないいただきました！？もっと深く掘り下げたり、今まで何をしてきたのかを指定してください。 – Jadeye

何がうまくいかないかについて具体的に説明してください。あなたは何を期待していますか？代わりに何を得ていますか？何を試しましたか？ http://stackoverflow.com/help/how-to-ask –

。

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>jQuery UI Datepicker - Format date</title> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<script type="text/javascript" src="/scripts/jquery.ui.datepicker-it.js"></script> 
 

 
<script> 
 
$(function() { 
 
    var weekStart = new Date(2017, 1, 27); 
 
    var roster = ['work', 'off', 'off', 'work', 'work', 'work', 'work', 
 
    \t 'off', 'work', 'work', 'work', 'off', 'off', 'work']; 
 
    $('#date').datepicker({minDate: weekStart, onSelect: function(dateStr) { 
 
    var date = $(this).datepicker('getDate'); 
 
    var days = Math.floor((date.getTime() - weekStart.getTime())/(24 * 60 * 60 * 1000)); 
 
    var week = Math.floor(days/7) % 2; 
 
    $('#week').val(week + 1); 
 
    $('#day').val($.datepicker.formatDate('DD', date)); 
 
    $('#work').val(roster[week * 7 + date.getDay() - 1]); 
 
    }}); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
    
 
<p>Date: <input type="text" id="date"></p> 
 
<p>Day: <input type="text" id="day"></p> 
 
<p>week: <input type="text" id="week"></p> 
 
<p>work: <input type="text" id="work"></p> 
 

 
</body> 
 
</html>

出典

2017-03-11 18:17:00

こんにちはFabin Hさん、ありがとうございます。 – majed

スクリプトで何か問題があります。コードスニペットを実行して日曜日を選択すると、毎週日曜日にそれが表示されます空ですなぜ私はわかりませんあなたが助けることができますありがとう – majed

それは本当ですか、日曜日の最初または最後の日に数えたいですか？ –

勤務スケジュールの取得方法

答えて

関連する問題