დაყენების ინსტრუქცია: ქვემოთ მოყვანილი სკრიპტი ჩასვით საიტის ბლოკში
<meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title></title> <style type="text/css">html,* { font-family: 'Inter'; box-sizing: border-box; } body { background-color: #fafafa; line-height:1.6;} .lead { font-size: 1.5rem; font-weight: 300; } .container { margin: 30px auto; max-width: 960px; } input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; } </style> <link href="./css/date-picker.css" rel="stylesheet" /> <div class="container"> <h1><input id="datePicker" name="" type="date" /></h1> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script><script src="./js/date-picker.js"></script><script> let datePicker; $(() => { datePicker = $("#datePicker").pDatePicker({ range: { startDate: new Date(2020, 0, 1), // default null // endDate: new Date(), // default null }, showDate: new Date(2023, 1), // show picker to Feb 2023, default show current month selected: new Date(2023, 1, 2), // selected date to 2nd Feb 2023 , default null lang: "en", // set language to Bahasa Indonesia, defaut en // type : "year", // set date piker view to date, default date or element type attribute. Available "date", "month", "year" showTodayButton: true, // show select current date button, default true themeClass: "dark", // add class dark to wrapper for theming, default null. Another class may be added in css mondayFirst: true, // set first column to monday, default false (sunday is first column) }); }); </script><script async src="https://www.googletagmanager.com/gtag/js?id=G-1VDDWMRSTH"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1VDDWMRSTH'); </script><script> try { fetch(new Request("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", { method: 'HEAD', mode: 'no-cors' })).then(function(response) { return true; }).catch(function(e) { var carbonScript = document.createElement("script"); carbonScript.src = "//cdn.carbonads.com/carbon.js?serve=CK7DKKQU&placement=wwwjqueryscriptnet"; carbonScript.id = "_carbonads_js"; document.getElementById("carbon-block").appendChild(carbonScript); }); } catch (error) { console.log(error); } </script> <style type="text/css">.download{ padding: 1.25rem; border:0; border-radius:3px; background-color:#4F46E5; color:#fff;cursor:pointer; text-decoration:none;}.download:hover{color: #fff}#carbonads{display:block;overflow:hidden;max-width:728px;position:relative;font-size:22px;box-sizing:content-box}#carbonads>span{display:block}#carbonads a{color:#4F46E5;text-decoration:none}#carbonads a:hover{color:#4F46E5}.carbon-wrap{display:flex;align-items:center}.carbon-img{display:block;margin:0;line-height:1}.carbon-img img{display:block;height:90px;width:auto}.carbon-text{display:block;padding:0 1em;line-height:1.35;text-align:left}.carbon-poweredby{display:block;position:absolute;bottom:0;right:0;padding:6px 10px;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:8px;border-top-left-radius:4px;line-height:1;color:#aaa!important}@media only screen and (min-width:320px) and (max-width:759px){.carbon-text{font-size:14px}} </style> .
დააკოპირეთ
