Initial import
This commit is contained in:
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Date Picker Options</title>
|
||||
|
||||
<!-- (A) LOAD THE LIBRARIES -->
|
||||
<!-- <link href="dp-light.css" rel="stylesheet"> -->
|
||||
<link href="dp-dark.css" rel="stylesheet">
|
||||
<script defer src="datepicker.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- (B) THE HTML -->
|
||||
<input type="text" id="input-opt" placeholder="Options"/>
|
||||
<div id="pick-opt"></div>
|
||||
|
||||
<!-- (C) ATTACH DATE PICKER ON LOAD -->
|
||||
<script>
|
||||
window.addEventListener("load", () => {
|
||||
picker.attach({
|
||||
target: "input-opt",
|
||||
container: "pick-opt",
|
||||
disableday : [2, 7], // DISABLE TUE, SUN (DEFAULT NONE)
|
||||
startmon: true, // WEEK START ON MON (DEFAULT FALSE)
|
||||
yrange: 5, // ALLOW +/- 5 YEARS FROM NOW (DEFAULT 10)
|
||||
onpick: () => { alert("PICKED"); } // DO YOUR STUFF AFTER PICK
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user