定制 aliqasemzadeh/fluxui-persian-date-picker 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

aliqasemzadeh/fluxui-persian-date-picker

Composer 安装命令:

composer require aliqasemzadeh/fluxui-persian-date-picker

包简介

Persian (Jalali) Date Picker Blade component for Laravel + Livewire 4 + Flux UI.

README 文档

README

یک کامپوننت Blade برای انتخاب تاریخ شمسی (جلالی) که روی Laravel + Livewire 4 + Flux UI و Alpine.js کار می‌کند.

نویسنده: Ali QasemzadehAliQasemzadeh7@gmail.com

نصب

composer require aliqasemzadeh/fluxui-persian-date-picker

ServiceProvider به‌صورت خودکار ثبت می‌شود (Laravel package auto-discovery).

پیش‌نیازها

  • Laravel 11، 12 یا 13
  • Livewire 4
  • Flux UI (پکیج livewire/flux)
  • Alpine.js (که معمولاً همراه Flux/Livewire لود می‌شود)
  • Tailwind CSS

پیکربندی Tailwind

مسیر view های پکیج را به content در tailwind.config.js اضافه کنید تا کلاس‌ها پاک نشوند:

export default {
    content: [
        // ...
        './vendor/aliqasemzadeh/fluxui-persian-date-picker/resources/views/**/*.blade.php',
    ],
}

استفاده

<x-persian-date-picker
    label="تاریخ تولد"
    placeholder="انتخاب تاریخ"
    wire:model="birth_date"
    required
/>

نمونه

demo.png

Propها

Prop نوع پیش‌فرض توضیح
name string از wire:model گرفته می‌شود نام فیلد
label string null برچسب فیلد
placeholder string انتخاب تاریخ متن placeholder
description string null توضیح زیر برچسب
size string null اندازهٔ ورودی Flux
required bool false اجباری بودن
value string null مقدار اولیه (Y-m-d میلادی)

از wire:model, wire:model.live, wire:model.blur پشتیبانی می‌شود.

انتشار view برای سفارشی‌سازی

php artisan vendor:publish --tag=persian-date-picker-views

سپس فایل را در مسیر resources/views/vendor/persian-date-picker/components/persian-date-picker.blade.php ویرایش کنید.

توسعهٔ محلی

در composer.json پروژهٔ مصرف‌کننده:

"repositories": [
    {
        "type": "path",
        "url": "../fluxui-persian-date-picker",
        "options": { "symlink": true }
    }
],
    "require": {
    "aliqasemzadeh/fluxui-persian-date-picker": "*"
}

و سپس:

composer require aliqasemzadeh/fluxui-persian-date-picker:*

مجوز

MIT

统计信息

  • 总下载量: 3
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 0
  • 点击次数: 11
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 0
  • Watchers: 0
  • Forks: 0
  • 开发语言: Blade

其他信息

  • 授权协议: MIT
  • 更新时间: 2026-04-25