wie man Arbeitsplan bekommt

Ich habe einen Arbeitsplan, der eine zweiwöchige Länge hat. Ich möchte eine einfache HTML-Seite mit einem Datepicker und drei Textfelder machen:wie man Arbeitsplan bekommt

Textbox1: view ausgewählt Datepicker Wochennummer.
Textbox2: Ausgewählten DatePicker-Tag-Namen anzeigen.
Textbox3: ausgewählten DatePicker anzeigen, wenn ich an diesem Tag arbeite oder aus bin.

Textbox3 hat 14 verschiedene Fälle. Ich habe den folgenden Code, der nicht funktioniert. Kann jemand bitte hineinschauen und mir sagen, was ich falsch mache?

<!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>

Quelle

2017-03-11 majed

was nicht funktioniert ?? graben Sie etwas tiefer ein oder geben Sie an, was Sie bisher gemacht haben ... – Jadeye

Spezifischer sein, was nicht funktioniert. Was erwarten Sie? Was bekommst du stattdessen? Was hast du probiert? http://stackoverflow.com/help/how-to-ask –

Sie müssen val() verwenden Eingabefelder zu füllen.

<!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>

Quelle

2017-03-11 18:17:00

Hallo Fabin H vielen Dank es funktioniert – majed

etwas falsch mit dem Skript, wenn Sie das Code-Snippet ausführen und Sonntage auswählen, können Sie das jeden zweiten Sonntag sehen ist leer Ich weiß nicht warum können Sie helfen danke – majed

Das stimmt, möchten Sie Sonntag als der erste oder der letzte Tag der Woche zu zählen? –

wie man Arbeitsplan bekommt

Antwort

Verwandte Themen