Skip to content

Instantly share code, notes, and snippets.

jQuery(function($) {
var WIDTH = 80;
var HEIGHT = WIDTH;
var SIZE = 5;
var timer = null;
var field;
var canvas;
var generation;
var speed;
jQuery(function($) {
var WIDTH = 80;
var HEIGHT = WIDTH;
var SIZE = 5;
var field;
var canvas;
var Field = function(width, height){
this.width = width;
$(function(){
$.datepicker.setDefaults( $.datepicker.regional[ "ja" ] );
$(".datepicker").datepicker({
beforeShow: function (input, inst) {
var $this = $(input);
var begin = $this.data('begin') || '';
if (begin) {
$this.datepicker("option", "minDate", $(begin).val());
}
var end = $this.data('end') || '';
<form class="form-inline">
<div class="form-group">
<div class="input-group">
<input type="text" id="begin" class="form-control datepicker" data-end="#end" value="2014/08/10" size="12">
<span class="input-group-btn">
<button class="btn btn-default" type="button" data-toggle="datepicker" data-target="#begin">
<span class="glyphicon glyphicon-calendar"></span></button>
</span>
</div>
</div>
$(function(){
$('[data-toggle=datepicker]').each(function () {
var target = $(this).data('target') || '';
if (target) {
$(target).datepicker({
"showOn": ""
});
$(this).bind("click", function () {
$(target).datepicker("show");
});
$(function(){
$('[data-toggle=datepicker]').each(function () {
var target = $(this).data('target') || '';
if (target) {
$(target).datepicker();
$(this).bind("click", function () {
$(target).datepicker("show");
});
}
});
<form role="form">
<div class="form-group">
<div class="input-group">
<input type="text" class="form-control" value="">
<span class="input-group-btn">
<button class="btn btn-default" type="button" data-toggle="datepicker" data-target="#datepicker">
<span class="glyphicon glyphicon-calendar"></span></button>
</span>
</div>
</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css">
<body>
<div class="container">
@webspace-jp
webspace-jp / datepicker.html
Last active August 29, 2015 14:04
BootstrapでjQuery UIのDatepickerを利用する(From / To機能付き)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css">
<body>
<div class="container">
@webspace-jp
webspace-jp / ws-random-post.php
Last active January 3, 2016 02:09
WordPress ランダムに投稿のリストを返します テンプレート埋め込み、ウィジェットに対応
<?php
/*
Plugin Name: [ws] random post
Plugin URI: http://webspace.jp/
Description: ランダムにエントリーを返す
Author: hukinotou
Version: 0.1
*/
include_once 'ws-widget-random-post.php';