jQuery UI을 이용한 Date Picker만들기
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Dates in other months</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<!-- <link rel="stylesheet" href="/resources/demos/style.css"> 해당 내용 -->
<style>
* { font-family: "Helvetica", "Arial", "Verdana", "sans-serif"; }
body {
font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
font-size: 62.5%;
}
</style>
<script>
$(function() {
$( "#datepicker" ).datepicker({
showOtherMonths: true,
selectOtherMonths: true
});
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
jQuery Calendar Plugin 들
DEMO Page / jQuery Event Calendar Plugin examples | jQuery Event Calendar Plugin download
'Web > Javascript' 카테고리의 다른 글
| CSS와 Javascript을 이용한 이미지 중앙 정렬 (paddingTop) (0) | 2017.10.11 |
|---|---|
| jQuery 객체 name , id , class 가져오기 (0) | 2017.09.13 |
| [JS] 소수점 2자리 자르기 float 2 decimal (0) | 2017.01.28 |
| 구글 차트(Google Chart) 사이즈 resized Script 함수 (0) | 2016.12.06 |
| [Sencha&ExtJS] ExtJS 기초.14 - Ext.grid.Panel에 다른 DB 불러오기 (0) | 2015.07.01 |
| [Sencha&ExtJS] ExtJS 기초.13 - Ext.grid.Panel에 다른 DATA 불러오기 (0) | 2015.06.26 |
| [Sencha&ExtJS] ExtJS 기초.12 - Ext.grid.Panel에 Ajax(JSON/XML)로 데이터 보여주기 (0) | 2015.06.26 |
| [Sencha&ExtJS] ExtJS 기초.11 - 그리드패널 Ext.grid.Panel (0) | 2015.06.25 |
(로그인하지 않으셔도 가능)